@thunderid/react 0.3.3 → 0.3.5
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/ThunderIDReactClient.d.ts +1 -5
- package/dist/ThunderIDReactClient.d.ts.map +1 -1
- package/dist/ThunderIDReactClient.js +1 -68
- package/dist/ThunderIDReactClient.js.map +1 -1
- package/dist/cjs/ThunderIDReactClient.cjs +0 -67
- package/dist/cjs/ThunderIDReactClient.cjs.map +1 -1
- package/dist/cjs/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.cjs +1 -1
- package/dist/cjs/components/presentation/UserAvatar/BaseUserAvatar.cjs +57 -0
- package/dist/cjs/components/presentation/UserAvatar/BaseUserAvatar.cjs.map +1 -0
- package/dist/cjs/components/presentation/UserAvatar/UserAvatar.cjs +36 -0
- package/dist/cjs/components/presentation/UserAvatar/UserAvatar.cjs.map +1 -0
- package/dist/cjs/components/presentation/UserDropdown/BaseUserDropdown.cjs +6 -5
- package/dist/cjs/components/presentation/UserDropdown/BaseUserDropdown.cjs.map +1 -1
- package/dist/cjs/components/presentation/auth/AuthOptionFactory.cjs +3 -15
- package/dist/cjs/components/presentation/auth/AuthOptionFactory.cjs.map +1 -1
- package/dist/cjs/contexts/Theme/ThemeContext.cjs.map +1 -1
- package/dist/cjs/contexts/Theme/ThemeProvider.cjs +2 -5
- package/dist/cjs/contexts/Theme/ThemeProvider.cjs.map +1 -1
- package/dist/cjs/contexts/ThunderID/ThunderIDContext.cjs +0 -2
- package/dist/cjs/contexts/ThunderID/ThunderIDContext.cjs.map +1 -1
- package/dist/cjs/contexts/ThunderID/ThunderIDProvider.cjs +14 -90
- package/dist/cjs/contexts/ThunderID/ThunderIDProvider.cjs.map +1 -1
- package/dist/cjs/index.cjs +6 -51
- package/dist/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.js +1 -1
- package/dist/components/presentation/UserAvatar/BaseUserAvatar.d.ts +50 -0
- package/dist/components/presentation/UserAvatar/BaseUserAvatar.d.ts.map +1 -0
- package/dist/components/presentation/UserAvatar/BaseUserAvatar.js +55 -0
- package/dist/components/presentation/UserAvatar/BaseUserAvatar.js.map +1 -0
- package/dist/components/presentation/UserAvatar/UserAvatar.d.ts +46 -0
- package/dist/components/presentation/UserAvatar/UserAvatar.d.ts.map +1 -0
- package/dist/components/presentation/UserAvatar/UserAvatar.js +34 -0
- package/dist/components/presentation/UserAvatar/UserAvatar.js.map +1 -0
- package/dist/components/presentation/UserDropdown/BaseUserDropdown.d.ts.map +1 -1
- package/dist/components/presentation/UserDropdown/BaseUserDropdown.js +6 -5
- package/dist/components/presentation/UserDropdown/BaseUserDropdown.js.map +1 -1
- package/dist/components/presentation/auth/AuthOptionFactory.d.ts +2 -2
- package/dist/components/presentation/auth/AuthOptionFactory.d.ts.map +1 -1
- package/dist/components/presentation/auth/AuthOptionFactory.js +3 -15
- package/dist/components/presentation/auth/AuthOptionFactory.js.map +1 -1
- package/dist/contexts/Theme/ThemeContext.d.ts +0 -12
- package/dist/contexts/Theme/ThemeContext.d.ts.map +1 -1
- package/dist/contexts/Theme/ThemeContext.js.map +1 -1
- package/dist/contexts/Theme/ThemeProvider.d.ts +0 -4
- package/dist/contexts/Theme/ThemeProvider.d.ts.map +1 -1
- package/dist/contexts/Theme/ThemeProvider.js +2 -5
- package/dist/contexts/Theme/ThemeProvider.js.map +1 -1
- package/dist/contexts/ThunderID/ThunderIDContext.d.ts +2 -3
- package/dist/contexts/ThunderID/ThunderIDContext.d.ts.map +1 -1
- package/dist/contexts/ThunderID/ThunderIDContext.js +0 -2
- package/dist/contexts/ThunderID/ThunderIDContext.js.map +1 -1
- package/dist/contexts/ThunderID/ThunderIDProvider.d.ts.map +1 -1
- package/dist/contexts/ThunderID/ThunderIDProvider.js +15 -91
- package/dist/contexts/ThunderID/ThunderIDProvider.js.map +1 -1
- package/dist/index.d.ts +4 -40
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -27
- package/package.json +2 -2
- package/dist/api/createOrganization.d.ts +0 -86
- package/dist/api/createOrganization.d.ts.map +0 -1
- package/dist/api/createOrganization.js +0 -80
- package/dist/api/createOrganization.js.map +0 -1
- package/dist/api/getAllOrganizations.d.ts +0 -78
- package/dist/api/getAllOrganizations.d.ts.map +0 -1
- package/dist/api/getAllOrganizations.js +0 -71
- package/dist/api/getAllOrganizations.js.map +0 -1
- package/dist/api/getMeOrganizations.d.ts +0 -82
- package/dist/api/getMeOrganizations.d.ts.map +0 -1
- package/dist/api/getMeOrganizations.js +0 -75
- package/dist/api/getMeOrganizations.js.map +0 -1
- package/dist/api/getOrganization.d.ts +0 -74
- package/dist/api/getOrganization.d.ts.map +0 -1
- package/dist/api/getOrganization.js +0 -67
- package/dist/api/getOrganization.js.map +0 -1
- package/dist/api/getSchemas.d.ts +0 -72
- package/dist/api/getSchemas.d.ts.map +0 -1
- package/dist/api/getSchemas.js +0 -65
- package/dist/api/getSchemas.js.map +0 -1
- package/dist/api/updateOrganization.d.ts +0 -81
- package/dist/api/updateOrganization.d.ts.map +0 -1
- package/dist/api/updateOrganization.js +0 -74
- package/dist/api/updateOrganization.js.map +0 -1
- package/dist/cjs/api/createOrganization.cjs +0 -82
- package/dist/cjs/api/createOrganization.cjs.map +0 -1
- package/dist/cjs/api/getAllOrganizations.cjs +0 -73
- package/dist/cjs/api/getAllOrganizations.cjs.map +0 -1
- package/dist/cjs/api/getMeOrganizations.cjs +0 -77
- package/dist/cjs/api/getMeOrganizations.cjs.map +0 -1
- package/dist/cjs/api/getOrganization.cjs +0 -69
- package/dist/cjs/api/getOrganization.cjs.map +0 -1
- package/dist/cjs/api/getSchemas.cjs +0 -67
- package/dist/cjs/api/getSchemas.cjs.map +0 -1
- package/dist/cjs/api/updateOrganization.cjs +0 -76
- package/dist/cjs/api/updateOrganization.cjs.map +0 -1
- package/dist/cjs/components/control/OrganizationContext/OrganizationContext.cjs +0 -34
- package/dist/cjs/components/control/OrganizationContext/OrganizationContext.cjs.map +0 -1
- package/dist/cjs/components/control/OrganizationContext/OrganizationContextController.cjs +0 -58
- package/dist/cjs/components/control/OrganizationContext/OrganizationContextController.cjs.map +0 -1
- package/dist/cjs/components/presentation/CreateOrganization/BaseCreateOrganization.cjs +0 -183
- package/dist/cjs/components/presentation/CreateOrganization/BaseCreateOrganization.cjs.map +0 -1
- package/dist/cjs/components/presentation/CreateOrganization/BaseCreateOrganization.styles.cjs +0 -150
- package/dist/cjs/components/presentation/CreateOrganization/BaseCreateOrganization.styles.cjs.map +0 -1
- package/dist/cjs/components/presentation/CreateOrganization/CreateOrganization.cjs +0 -90
- package/dist/cjs/components/presentation/CreateOrganization/CreateOrganization.cjs.map +0 -1
- package/dist/cjs/components/presentation/Organization/BaseOrganization.cjs +0 -41
- package/dist/cjs/components/presentation/Organization/BaseOrganization.cjs.map +0 -1
- package/dist/cjs/components/presentation/Organization/Organization.cjs +0 -49
- package/dist/cjs/components/presentation/Organization/Organization.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationList/BaseOrganizationList.cjs +0 -257
- package/dist/cjs/components/presentation/OrganizationList/BaseOrganizationList.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationList/BaseOrganizationList.styles.cjs +0 -236
- package/dist/cjs/components/presentation/OrganizationList/BaseOrganizationList.styles.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationList/OrganizationList.cjs +0 -86
- package/dist/cjs/components/presentation/OrganizationList/OrganizationList.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationList/OrganizationList.styles.cjs +0 -75
- package/dist/cjs/components/presentation/OrganizationList/OrganizationList.styles.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationProfile/BaseOrganizationProfile.cjs +0 -328
- package/dist/cjs/components/presentation/OrganizationProfile/BaseOrganizationProfile.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.cjs +0 -166
- package/dist/cjs/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationProfile/OrganizationProfile.cjs +0 -126
- package/dist/cjs/components/presentation/OrganizationProfile/OrganizationProfile.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.cjs +0 -288
- package/dist/cjs/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.cjs +0 -237
- package/dist/cjs/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.cjs.map +0 -1
- package/dist/cjs/components/presentation/OrganizationSwitcher/OrganizationSwitcher.cjs +0 -127
- package/dist/cjs/components/presentation/OrganizationSwitcher/OrganizationSwitcher.cjs.map +0 -1
- package/dist/cjs/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.cjs +0 -183
- package/dist/cjs/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.cjs.map +0 -1
- package/dist/cjs/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.cjs +0 -128
- package/dist/cjs/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.cjs.map +0 -1
- package/dist/cjs/components/primitives/Icons/Building.cjs +0 -75
- package/dist/cjs/components/primitives/Icons/Building.cjs.map +0 -1
- package/dist/cjs/contexts/Branding/BrandingContext.cjs +0 -12
- package/dist/cjs/contexts/Branding/BrandingContext.cjs.map +0 -1
- package/dist/cjs/contexts/Branding/BrandingProvider.cjs +0 -96
- package/dist/cjs/contexts/Branding/BrandingProvider.cjs.map +0 -1
- package/dist/cjs/contexts/Branding/useBrandingContext.cjs +0 -40
- package/dist/cjs/contexts/Branding/useBrandingContext.cjs.map +0 -1
- package/dist/cjs/contexts/Organization/OrganizationContext.cjs +0 -27
- package/dist/cjs/contexts/Organization/OrganizationContext.cjs.map +0 -1
- package/dist/cjs/contexts/Organization/OrganizationProvider.cjs +0 -97
- package/dist/cjs/contexts/Organization/OrganizationProvider.cjs.map +0 -1
- package/dist/cjs/contexts/Organization/useOrganization.cjs +0 -100
- package/dist/cjs/contexts/Organization/useOrganization.cjs.map +0 -1
- package/dist/cjs/hooks/useBranding.cjs +0 -71
- package/dist/cjs/hooks/useBranding.cjs.map +0 -1
- package/dist/components/control/OrganizationContext/OrganizationContext.d.ts +0 -40
- package/dist/components/control/OrganizationContext/OrganizationContext.d.ts.map +0 -1
- package/dist/components/control/OrganizationContext/OrganizationContext.js +0 -32
- package/dist/components/control/OrganizationContext/OrganizationContext.js.map +0 -1
- package/dist/components/control/OrganizationContext/OrganizationContextController.d.ts +0 -35
- package/dist/components/control/OrganizationContext/OrganizationContextController.d.ts.map +0 -1
- package/dist/components/control/OrganizationContext/OrganizationContextController.js +0 -55
- package/dist/components/control/OrganizationContext/OrganizationContextController.js.map +0 -1
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.d.ts +0 -60
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.d.ts.map +0 -1
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.js +0 -178
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.js.map +0 -1
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.d.ts +0 -27
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.d.ts.map +0 -1
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.js +0 -147
- package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.js.map +0 -1
- package/dist/components/presentation/CreateOrganization/CreateOrganization.d.ts +0 -68
- package/dist/components/presentation/CreateOrganization/CreateOrganization.d.ts.map +0 -1
- package/dist/components/presentation/CreateOrganization/CreateOrganization.js +0 -87
- package/dist/components/presentation/CreateOrganization/CreateOrganization.js.map +0 -1
- package/dist/components/presentation/Organization/BaseOrganization.d.ts +0 -67
- package/dist/components/presentation/Organization/BaseOrganization.d.ts.map +0 -1
- package/dist/components/presentation/Organization/BaseOrganization.js +0 -39
- package/dist/components/presentation/Organization/BaseOrganization.js.map +0 -1
- package/dist/components/presentation/Organization/Organization.d.ts +0 -67
- package/dist/components/presentation/Organization/Organization.d.ts.map +0 -1
- package/dist/components/presentation/Organization/Organization.js +0 -47
- package/dist/components/presentation/Organization/Organization.js.map +0 -1
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.d.ts +0 -135
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.js +0 -252
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.js.map +0 -1
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.styles.d.ts +0 -27
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.styles.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.styles.js +0 -233
- package/dist/components/presentation/OrganizationList/BaseOrganizationList.styles.js.map +0 -1
- package/dist/components/presentation/OrganizationList/OrganizationList.d.ts +0 -93
- package/dist/components/presentation/OrganizationList/OrganizationList.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationList/OrganizationList.js +0 -82
- package/dist/components/presentation/OrganizationList/OrganizationList.js.map +0 -1
- package/dist/components/presentation/OrganizationList/OrganizationList.styles.d.ts +0 -27
- package/dist/components/presentation/OrganizationList/OrganizationList.styles.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationList/OrganizationList.styles.js +0 -72
- package/dist/components/presentation/OrganizationList/OrganizationList.styles.js.map +0 -1
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.d.ts +0 -160
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.js +0 -323
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.js.map +0 -1
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.d.ts +0 -27
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.js +0 -163
- package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.js.map +0 -1
- package/dist/components/presentation/OrganizationProfile/OrganizationProfile.d.ts +0 -120
- package/dist/components/presentation/OrganizationProfile/OrganizationProfile.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationProfile/OrganizationProfile.js +0 -122
- package/dist/components/presentation/OrganizationProfile/OrganizationProfile.js.map +0 -1
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.d.ts +0 -149
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.js +0 -282
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.js.map +0 -1
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.d.ts +0 -27
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.js +0 -234
- package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.js.map +0 -1
- package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.d.ts +0 -71
- package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.d.ts.map +0 -1
- package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.js +0 -124
- package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.js.map +0 -1
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.d.ts +0 -30
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.d.ts.map +0 -1
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.js +0 -179
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.js.map +0 -1
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.d.ts +0 -21
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.d.ts.map +0 -1
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.js +0 -125
- package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.js.map +0 -1
- package/dist/components/presentation/auth/OrganizationUnitPicker/index.d.ts +0 -20
- package/dist/components/presentation/auth/OrganizationUnitPicker/index.d.ts.map +0 -1
- package/dist/components/primitives/Icons/Building.js +0 -73
- package/dist/components/primitives/Icons/Building.js.map +0 -1
- package/dist/contexts/Branding/BrandingContext.d.ts +0 -53
- package/dist/contexts/Branding/BrandingContext.d.ts.map +0 -1
- package/dist/contexts/Branding/BrandingContext.js +0 -10
- package/dist/contexts/Branding/BrandingContext.js.map +0 -1
- package/dist/contexts/Branding/BrandingProvider.d.ts +0 -89
- package/dist/contexts/Branding/BrandingProvider.d.ts.map +0 -1
- package/dist/contexts/Branding/BrandingProvider.js +0 -92
- package/dist/contexts/Branding/BrandingProvider.js.map +0 -1
- package/dist/contexts/Branding/useBrandingContext.d.ts +0 -45
- package/dist/contexts/Branding/useBrandingContext.d.ts.map +0 -1
- package/dist/contexts/Branding/useBrandingContext.js +0 -38
- package/dist/contexts/Branding/useBrandingContext.js.map +0 -1
- package/dist/contexts/Organization/OrganizationContext.d.ts +0 -41
- package/dist/contexts/Organization/OrganizationContext.d.ts.map +0 -1
- package/dist/contexts/Organization/OrganizationContext.js +0 -25
- package/dist/contexts/Organization/OrganizationContext.js.map +0 -1
- package/dist/contexts/Organization/OrganizationProvider.d.ts +0 -94
- package/dist/contexts/Organization/OrganizationProvider.d.ts.map +0 -1
- package/dist/contexts/Organization/OrganizationProvider.js +0 -93
- package/dist/contexts/Organization/OrganizationProvider.js.map +0 -1
- package/dist/contexts/Organization/useOrganization.d.ts +0 -105
- package/dist/contexts/Organization/useOrganization.d.ts.map +0 -1
- package/dist/contexts/Organization/useOrganization.js +0 -98
- package/dist/contexts/Organization/useOrganization.js.map +0 -1
- package/dist/hooks/useBranding.d.ts +0 -128
- package/dist/hooks/useBranding.d.ts.map +0 -1
- package/dist/hooks/useBranding.js +0 -69
- package/dist/hooks/useBranding.js.map +0 -1
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
let react = require("react");
|
|
3
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
4
|
-
let __emotion_css = require("@emotion/css");
|
|
5
|
-
__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
|
|
6
|
-
|
|
7
|
-
//#region src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.ts
|
|
8
|
-
const useStyles = (theme) => (0, react.useMemo)(() => {
|
|
9
|
-
const container = __emotion_css.css`
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
width: 100%;
|
|
13
|
-
max-height: 320px;
|
|
14
|
-
overflow-y: auto;
|
|
15
|
-
border: 1px solid ${theme.vars.colors.border};
|
|
16
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
17
|
-
font-family: ${theme.vars.typography.fontFamily};
|
|
18
|
-
`;
|
|
19
|
-
const node = __emotion_css.css`
|
|
20
|
-
display: flex;
|
|
21
|
-
align-items: center;
|
|
22
|
-
padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);
|
|
23
|
-
cursor: pointer;
|
|
24
|
-
user-select: none;
|
|
25
|
-
transition: background-color 0.15s ease;
|
|
26
|
-
|
|
27
|
-
&:hover {
|
|
28
|
-
background-color: ${theme.vars.colors.action.hover};
|
|
29
|
-
}
|
|
30
|
-
`;
|
|
31
|
-
const nodeSelected = __emotion_css.css`
|
|
32
|
-
background-color: ${theme.vars.colors.action.selected};
|
|
33
|
-
|
|
34
|
-
&:hover {
|
|
35
|
-
background-color: ${theme.vars.colors.action.selected};
|
|
36
|
-
}
|
|
37
|
-
`;
|
|
38
|
-
const toggleButton = __emotion_css.css`
|
|
39
|
-
display: inline-flex;
|
|
40
|
-
align-items: center;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
width: 20px;
|
|
43
|
-
height: 20px;
|
|
44
|
-
border: none;
|
|
45
|
-
background: none;
|
|
46
|
-
cursor: pointer;
|
|
47
|
-
padding: 0;
|
|
48
|
-
margin-right: calc(${theme.vars.spacing.unit} * 0.5);
|
|
49
|
-
color: ${theme.vars.colors.text.secondary};
|
|
50
|
-
font-size: 12px;
|
|
51
|
-
flex-shrink: 0;
|
|
52
|
-
`;
|
|
53
|
-
const togglePlaceholder = __emotion_css.css`
|
|
54
|
-
width: 20px;
|
|
55
|
-
height: 20px;
|
|
56
|
-
margin-right: calc(${theme.vars.spacing.unit} * 0.5);
|
|
57
|
-
flex-shrink: 0;
|
|
58
|
-
`;
|
|
59
|
-
const nodeName = __emotion_css.css`
|
|
60
|
-
font-size: 14px;
|
|
61
|
-
color: ${theme.vars.colors.text.primary};
|
|
62
|
-
white-space: nowrap;
|
|
63
|
-
overflow: hidden;
|
|
64
|
-
text-overflow: ellipsis;
|
|
65
|
-
`;
|
|
66
|
-
return {
|
|
67
|
-
container,
|
|
68
|
-
loadMoreButton: __emotion_css.css`
|
|
69
|
-
display: flex;
|
|
70
|
-
align-items: center;
|
|
71
|
-
padding: calc(${theme.vars.spacing.unit} * 0.75) calc(${theme.vars.spacing.unit} * 1.5);
|
|
72
|
-
border: none;
|
|
73
|
-
background: none;
|
|
74
|
-
cursor: pointer;
|
|
75
|
-
color: ${theme.vars.colors.primary.main};
|
|
76
|
-
font-size: 13px;
|
|
77
|
-
font-family: ${theme.vars.typography.fontFamily};
|
|
78
|
-
|
|
79
|
-
&:hover {
|
|
80
|
-
text-decoration: underline;
|
|
81
|
-
}
|
|
82
|
-
`,
|
|
83
|
-
loadingPlaceholder: __emotion_css.css`
|
|
84
|
-
display: flex;
|
|
85
|
-
align-items: center;
|
|
86
|
-
padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);
|
|
87
|
-
gap: calc(${theme.vars.spacing.unit} * 1);
|
|
88
|
-
`,
|
|
89
|
-
node,
|
|
90
|
-
nodeName,
|
|
91
|
-
nodeSelected,
|
|
92
|
-
skeleton: __emotion_css.css`
|
|
93
|
-
height: 14px;
|
|
94
|
-
border-radius: ${theme.vars.borderRadius.small};
|
|
95
|
-
background-color: ${theme.vars.colors.background.disabled};
|
|
96
|
-
animation: pulse 1.5s ease-in-out infinite;
|
|
97
|
-
|
|
98
|
-
@keyframes pulse {
|
|
99
|
-
0%,
|
|
100
|
-
100% {
|
|
101
|
-
opacity: 1;
|
|
102
|
-
}
|
|
103
|
-
50% {
|
|
104
|
-
opacity: 0.4;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
`,
|
|
108
|
-
toggleButton,
|
|
109
|
-
togglePlaceholder
|
|
110
|
-
};
|
|
111
|
-
}, [
|
|
112
|
-
theme.vars.colors.action.hover,
|
|
113
|
-
theme.vars.colors.action.selected,
|
|
114
|
-
theme.vars.colors.background.disabled,
|
|
115
|
-
theme.vars.colors.border,
|
|
116
|
-
theme.vars.colors.primary.main,
|
|
117
|
-
theme.vars.colors.text.primary,
|
|
118
|
-
theme.vars.colors.text.secondary,
|
|
119
|
-
theme.vars.borderRadius.medium,
|
|
120
|
-
theme.vars.borderRadius.small,
|
|
121
|
-
theme.vars.spacing.unit,
|
|
122
|
-
theme.vars.typography.fontFamily
|
|
123
|
-
]);
|
|
124
|
-
var OrganizationUnitPicker_styles_default = useStyles;
|
|
125
|
-
|
|
126
|
-
//#endregion
|
|
127
|
-
exports.default = OrganizationUnitPicker_styles_default;
|
|
128
|
-
//# sourceMappingURL=OrganizationUnitPicker.styles.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrganizationUnitPicker.styles.cjs","names":["container: string","node: string","nodeSelected: string","toggleButton: string","togglePlaceholder: string","nodeName: string"],"sources":["../../../../../../src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.ts"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\nconst useStyles = (theme: Theme): Record<string, string> =>\n useMemo(() => {\n const container: string = css`\n display: flex;\n flex-direction: column;\n width: 100%;\n max-height: 320px;\n overflow-y: auto;\n border: 1px solid ${theme.vars.colors.border};\n border-radius: ${theme.vars.borderRadius.medium};\n font-family: ${theme.vars.typography.fontFamily};\n `;\n\n const node: string = css`\n display: flex;\n align-items: center;\n padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);\n cursor: pointer;\n user-select: none;\n transition: background-color 0.15s ease;\n\n &:hover {\n background-color: ${theme.vars.colors.action.hover};\n }\n `;\n\n const nodeSelected: string = css`\n background-color: ${theme.vars.colors.action.selected};\n\n &:hover {\n background-color: ${theme.vars.colors.action.selected};\n }\n `;\n\n const toggleButton: string = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n margin-right: calc(${theme.vars.spacing.unit} * 0.5);\n color: ${theme.vars.colors.text.secondary};\n font-size: 12px;\n flex-shrink: 0;\n `;\n\n const togglePlaceholder: string = css`\n width: 20px;\n height: 20px;\n margin-right: calc(${theme.vars.spacing.unit} * 0.5);\n flex-shrink: 0;\n `;\n\n const nodeName: string = css`\n font-size: 14px;\n color: ${theme.vars.colors.text.primary};\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n\n const loadMoreButton: string = css`\n display: flex;\n align-items: center;\n padding: calc(${theme.vars.spacing.unit} * 0.75) calc(${theme.vars.spacing.unit} * 1.5);\n border: none;\n background: none;\n cursor: pointer;\n color: ${theme.vars.colors.primary.main};\n font-size: 13px;\n font-family: ${theme.vars.typography.fontFamily};\n\n &:hover {\n text-decoration: underline;\n }\n `;\n\n const loadingPlaceholder: string = css`\n display: flex;\n align-items: center;\n padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);\n gap: calc(${theme.vars.spacing.unit} * 1);\n `;\n\n const skeleton: string = css`\n height: 14px;\n border-radius: ${theme.vars.borderRadius.small};\n background-color: ${theme.vars.colors.background.disabled};\n animation: pulse 1.5s ease-in-out infinite;\n\n @keyframes pulse {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n }\n `;\n\n return {\n container,\n loadMoreButton,\n loadingPlaceholder,\n node,\n nodeName,\n nodeSelected,\n skeleton,\n toggleButton,\n togglePlaceholder,\n };\n }, [\n theme.vars.colors.action.hover,\n theme.vars.colors.action.selected,\n theme.vars.colors.background.disabled,\n theme.vars.colors.border,\n theme.vars.colors.primary.main,\n theme.vars.colors.text.primary,\n theme.vars.colors.text.secondary,\n theme.vars.borderRadius.medium,\n theme.vars.borderRadius.small,\n theme.vars.spacing.unit,\n theme.vars.typography.fontFamily,\n ]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;AAsBA,MAAM,aAAa,mCACH;CACZ,MAAMA,YAAoB,iBAAG;;;;;;0BAMP,MAAM,KAAK,OAAO,OAAO;uBAC5B,MAAM,KAAK,aAAa,OAAO;qBACjC,MAAM,KAAK,WAAW,WAAW;;CAGlD,MAAMC,OAAe,iBAAG;;;sBAGN,MAAM,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAK,QAAQ,KAAK;;;;;;4BAMvD,MAAM,KAAK,OAAO,OAAO,MAAM;;;CAIvD,MAAMC,eAAuB,iBAAG;0BACV,MAAM,KAAK,OAAO,OAAO,SAAS;;;4BAGhC,MAAM,KAAK,OAAO,OAAO,SAAS;;;CAI1D,MAAMC,eAAuB,iBAAG;;;;;;;;;;2BAUT,MAAM,KAAK,QAAQ,KAAK;eACpC,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAK5C,MAAMC,oBAA4B,iBAAG;;;2BAGd,MAAM,KAAK,QAAQ,KAAK;;;CAI/C,MAAMC,WAAmB,iBAAG;;eAEjB,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;AA8C1C,QAAO;EACL;EACA,gBA1C6B,iBAAG;;;sBAGhB,MAAM,KAAK,QAAQ,KAAK,gBAAgB,MAAM,KAAK,QAAQ,KAAK;;;;eAIvE,MAAM,KAAK,OAAO,QAAQ,KAAK;;qBAEzB,MAAM,KAAK,WAAW,WAAW;;;;;;EAkChD,oBA3BiC,iBAAG;;;sBAGpB,MAAM,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAK,QAAQ,KAAK;kBACjE,MAAM,KAAK,QAAQ,KAAK;;EAwBpC;EACA;EACA;EACA,UAxBuB,iBAAG;;uBAET,MAAM,KAAK,aAAa,MAAM;0BAC3B,MAAM,KAAK,OAAO,WAAW,SAAS;;;;;;;;;;;;;EAsB1D;EACA;EACD;GACA;CACD,MAAM,KAAK,OAAO,OAAO;CACzB,MAAM,KAAK,OAAO,OAAO;CACzB,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO;CAClB,MAAM,KAAK,OAAO,QAAQ;CAC1B,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,WAAW;CACvB,CAAC;AAEJ,4CAAe"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
3
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
4
|
-
|
|
5
|
-
//#region src/components/primitives/Icons/Building.tsx
|
|
6
|
-
/**
|
|
7
|
-
* Building Icon component.
|
|
8
|
-
*
|
|
9
|
-
* @param props - Props injected to the component.
|
|
10
|
-
* @returns Building Icon component.
|
|
11
|
-
*/
|
|
12
|
-
const Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
|
|
13
|
-
width,
|
|
14
|
-
height,
|
|
15
|
-
viewBox: "0 0 24 24",
|
|
16
|
-
fill: "none",
|
|
17
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
18
|
-
children: [
|
|
19
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
20
|
-
d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
|
|
21
|
-
stroke: color,
|
|
22
|
-
strokeWidth: "2",
|
|
23
|
-
strokeLinecap: "round",
|
|
24
|
-
strokeLinejoin: "round"
|
|
25
|
-
}),
|
|
26
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
27
|
-
d: "M6 12h4",
|
|
28
|
-
stroke: color,
|
|
29
|
-
strokeWidth: "2",
|
|
30
|
-
strokeLinecap: "round",
|
|
31
|
-
strokeLinejoin: "round"
|
|
32
|
-
}),
|
|
33
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
34
|
-
d: "M6 8h4",
|
|
35
|
-
stroke: color,
|
|
36
|
-
strokeWidth: "2",
|
|
37
|
-
strokeLinecap: "round",
|
|
38
|
-
strokeLinejoin: "round"
|
|
39
|
-
}),
|
|
40
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
41
|
-
d: "M14 8h4",
|
|
42
|
-
stroke: color,
|
|
43
|
-
strokeWidth: "2",
|
|
44
|
-
strokeLinecap: "round",
|
|
45
|
-
strokeLinejoin: "round"
|
|
46
|
-
}),
|
|
47
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
48
|
-
d: "M14 12h4",
|
|
49
|
-
stroke: color,
|
|
50
|
-
strokeWidth: "2",
|
|
51
|
-
strokeLinecap: "round",
|
|
52
|
-
strokeLinejoin: "round"
|
|
53
|
-
}),
|
|
54
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
55
|
-
d: "M6 18h4",
|
|
56
|
-
stroke: color,
|
|
57
|
-
strokeWidth: "2",
|
|
58
|
-
strokeLinecap: "round",
|
|
59
|
-
strokeLinejoin: "round"
|
|
60
|
-
}),
|
|
61
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
62
|
-
d: "M14 18h4",
|
|
63
|
-
stroke: color,
|
|
64
|
-
strokeWidth: "2",
|
|
65
|
-
strokeLinecap: "round",
|
|
66
|
-
strokeLinejoin: "round"
|
|
67
|
-
})
|
|
68
|
-
]
|
|
69
|
-
});
|
|
70
|
-
Building.displayName = "Building";
|
|
71
|
-
var Building_default = Building;
|
|
72
|
-
|
|
73
|
-
//#endregion
|
|
74
|
-
exports.default = Building_default;
|
|
75
|
-
//# sourceMappingURL=Building.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Building.cjs","names":["Building: FC<BuildingProps>"],"sources":["../../../../../src/components/primitives/Icons/Building.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC} from 'react';\n\nexport interface BuildingProps {\n /**\n * Color of the icon.\n */\n color?: string;\n /**\n * Height of the icon.\n */\n height?: number | string;\n /**\n * Width of the icon.\n */\n width?: number | string;\n}\n\n/**\n * Building Icon component.\n *\n * @param props - Props injected to the component.\n * @returns Building Icon component.\n */\nconst Building: FC<BuildingProps> = ({color = 'currentColor', height = 24, width = 24}: BuildingProps) => (\n <svg width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path d=\"M6 12h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M6 8h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M14 8h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M14 12h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M6 18h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M14 18h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nBuilding.displayName = 'Building';\n\nexport default Building;\n"],"mappings":";;;;;;;;;;;AAyCA,MAAMA,YAA+B,EAAC,QAAQ,gBAAgB,SAAS,IAAI,QAAQ,SACjF,4CAAC;CAAW;CAAe;CAAQ,SAAQ;CAAY,MAAK;CAAO,OAAM;;EACvE,2CAAC;GACC,GAAE;GACF,QAAQ;GACR,aAAY;GACZ,eAAc;GACd,gBAAe;IACf;EACF,2CAAC;GAAK,GAAE;GAAU,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAChG,2CAAC;GAAK,GAAE;GAAS,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAC/F,2CAAC;GAAK,GAAE;GAAU,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAChG,2CAAC;GAAK,GAAE;GAAW,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EACjG,2CAAC;GAAK,GAAE;GAAU,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAChG,2CAAC;GAAK,GAAE;GAAW,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;;EAC7F;AAGR,SAAS,cAAc;AAEvB,uBAAe"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
let react = require("react");
|
|
3
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
4
|
-
|
|
5
|
-
//#region src/contexts/Branding/BrandingContext.ts
|
|
6
|
-
const BrandingContext = (0, react.createContext)(null);
|
|
7
|
-
BrandingContext.displayName = "BrandingContext";
|
|
8
|
-
var BrandingContext_default = BrandingContext;
|
|
9
|
-
|
|
10
|
-
//#endregion
|
|
11
|
-
exports.default = BrandingContext_default;
|
|
12
|
-
//# sourceMappingURL=BrandingContext.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BrandingContext.cjs","names":["BrandingContext: Context<BrandingContextValue | null>"],"sources":["../../../../src/contexts/Branding/BrandingContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {BrandingPreference, Theme} from '@thunderid/browser';\nimport {Context, createContext} from 'react';\n\nexport interface BrandingContextValue {\n /**\n * The active theme mode from branding preference ('light' | 'dark')\n */\n activeTheme: 'light' | 'dark' | null;\n /**\n * The raw branding preference data\n */\n brandingPreference: BrandingPreference | null;\n /**\n * Error state\n */\n error: Error | null;\n /**\n * Function to manually fetch branding preference\n */\n fetchBranding: () => Promise<void>;\n /**\n * Loading state\n */\n isLoading: boolean;\n /**\n * Function to refetch branding preference\n * This bypasses the single-call restriction and forces a new API call\n */\n refetch: () => Promise<void>;\n /**\n * The transformed theme object\n */\n theme: Theme | null;\n}\n\nconst BrandingContext: Context<BrandingContextValue | null> = createContext<BrandingContextValue | null>(null);\n\nBrandingContext.displayName = 'BrandingContext';\n\nexport default BrandingContext;\n"],"mappings":";;;;;AAqDA,MAAMA,2CAAmG,KAAK;AAE9G,gBAAgB,cAAc;AAE9B,8BAAe"}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_BrandingContext = require('./BrandingContext.cjs');
|
|
3
|
-
let __thunderid_browser = require("@thunderid/browser");
|
|
4
|
-
__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
|
|
5
|
-
let react = require("react");
|
|
6
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
7
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
9
|
-
|
|
10
|
-
//#region src/contexts/Branding/BrandingProvider.tsx
|
|
11
|
-
/**
|
|
12
|
-
* BrandingProvider component that manages branding state and provides branding context to child components.
|
|
13
|
-
*
|
|
14
|
-
* This provider receives branding preferences from a parent component (typically ThunderIDProvider)
|
|
15
|
-
* and transforms them into theme objects, making them available to all child components.
|
|
16
|
-
*
|
|
17
|
-
* Features:
|
|
18
|
-
* - Receives branding preferences as props
|
|
19
|
-
* - Theme transformation from branding preferences
|
|
20
|
-
* - Loading and error states
|
|
21
|
-
* - Support for custom theme forcing
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* Basic usage (typically used within ThunderIDProvider):
|
|
25
|
-
* ```tsx
|
|
26
|
-
* <BrandingProvider
|
|
27
|
-
* brandingPreference={brandingData}
|
|
28
|
-
* isLoading={isFetching}
|
|
29
|
-
* error={fetchError}
|
|
30
|
-
* >
|
|
31
|
-
* <App />
|
|
32
|
-
* </BrandingProvider>
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* With custom theme forcing:
|
|
37
|
-
* ```tsx
|
|
38
|
-
* <BrandingProvider
|
|
39
|
-
* brandingPreference={brandingData}
|
|
40
|
-
* forceTheme="dark"
|
|
41
|
-
* enabled={true}
|
|
42
|
-
* >
|
|
43
|
-
* <App />
|
|
44
|
-
* </BrandingProvider>
|
|
45
|
-
* ```
|
|
46
|
-
*/
|
|
47
|
-
const BrandingProvider = ({ children, brandingPreference: externalBrandingPreference, forceTheme, enabled = true, isLoading: externalIsLoading = false, error: externalError = null, refetch: externalRefetch }) => {
|
|
48
|
-
const [theme, setTheme] = (0, react.useState)(null);
|
|
49
|
-
const [activeTheme, setActiveTheme] = (0, react.useState)(null);
|
|
50
|
-
(0, react.useEffect)(() => {
|
|
51
|
-
if (!enabled || !externalBrandingPreference) {
|
|
52
|
-
setTheme(null);
|
|
53
|
-
setActiveTheme(null);
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
const activeThemeFromBranding = externalBrandingPreference?.preference?.theme?.activeTheme;
|
|
57
|
-
let extractedActiveTheme = null;
|
|
58
|
-
if (activeThemeFromBranding) {
|
|
59
|
-
const themeMode = activeThemeFromBranding.toLowerCase();
|
|
60
|
-
if (themeMode === "light" || themeMode === "dark") extractedActiveTheme = themeMode;
|
|
61
|
-
}
|
|
62
|
-
setActiveTheme(extractedActiveTheme);
|
|
63
|
-
setTheme((0, __thunderid_browser.transformBrandingPreferenceToTheme)(externalBrandingPreference, forceTheme));
|
|
64
|
-
}, [
|
|
65
|
-
externalBrandingPreference,
|
|
66
|
-
forceTheme,
|
|
67
|
-
enabled
|
|
68
|
-
]);
|
|
69
|
-
(0, react.useEffect)(() => {
|
|
70
|
-
if (!enabled) {
|
|
71
|
-
setTheme(null);
|
|
72
|
-
setActiveTheme(null);
|
|
73
|
-
}
|
|
74
|
-
}, [enabled]);
|
|
75
|
-
const fetchBranding = (0, react.useCallback)(async () => {
|
|
76
|
-
if (externalRefetch) await externalRefetch();
|
|
77
|
-
}, [externalRefetch]);
|
|
78
|
-
const value = {
|
|
79
|
-
activeTheme,
|
|
80
|
-
brandingPreference: externalBrandingPreference || null,
|
|
81
|
-
error: externalError,
|
|
82
|
-
fetchBranding,
|
|
83
|
-
isLoading: externalIsLoading,
|
|
84
|
-
refetch: externalRefetch || fetchBranding,
|
|
85
|
-
theme
|
|
86
|
-
};
|
|
87
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BrandingContext.default.Provider, {
|
|
88
|
-
value,
|
|
89
|
-
children
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
var BrandingProvider_default = BrandingProvider;
|
|
93
|
-
|
|
94
|
-
//#endregion
|
|
95
|
-
exports.default = BrandingProvider_default;
|
|
96
|
-
//# sourceMappingURL=BrandingProvider.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BrandingProvider.cjs","names":["BrandingProvider: FC<PropsWithChildren<BrandingProviderProps>>","activeThemeFromBranding: string | undefined","extractedActiveTheme: 'light' | 'dark' | null","themeMode: string","fetchBranding: () => Promise<void>","value: any","BrandingContext"],"sources":["../../../../src/contexts/Branding/BrandingProvider.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {BrandingPreference, Theme, transformBrandingPreferenceToTheme} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useEffect, useState} from 'react';\nimport BrandingContext from './BrandingContext';\n\n/**\n * Configuration options for the BrandingProvider\n */\nexport interface BrandingProviderProps {\n /**\n * The branding preference data passed from parent (typically ThunderIDProvider)\n */\n brandingPreference?: BrandingPreference | null;\n /**\n * Whether the branding provider is enabled\n * @default true\n */\n enabled?: boolean;\n /**\n * Error state passed from parent\n */\n error?: Error | null;\n /**\n * Force a specific theme ('light' or 'dark')\n * If not provided, will use the activeTheme from branding preference\n */\n forceTheme?: 'light' | 'dark';\n /**\n * Loading state passed from parent\n */\n isLoading?: boolean;\n /**\n * Function to refetch branding preference passed from parent\n */\n refetch?: () => Promise<void>;\n}\n\n/**\n * BrandingProvider component that manages branding state and provides branding context to child components.\n *\n * This provider receives branding preferences from a parent component (typically ThunderIDProvider)\n * and transforms them into theme objects, making them available to all child components.\n *\n * Features:\n * - Receives branding preferences as props\n * - Theme transformation from branding preferences\n * - Loading and error states\n * - Support for custom theme forcing\n *\n * @example\n * Basic usage (typically used within ThunderIDProvider):\n * ```tsx\n * <BrandingProvider\n * brandingPreference={brandingData}\n * isLoading={isFetching}\n * error={fetchError}\n * >\n * <App />\n * </BrandingProvider>\n * ```\n *\n * @example\n * With custom theme forcing:\n * ```tsx\n * <BrandingProvider\n * brandingPreference={brandingData}\n * forceTheme=\"dark\"\n * enabled={true}\n * >\n * <App />\n * </BrandingProvider>\n * ```\n */\nconst BrandingProvider: FC<PropsWithChildren<BrandingProviderProps>> = ({\n children,\n brandingPreference: externalBrandingPreference,\n forceTheme,\n enabled = true,\n isLoading: externalIsLoading = false,\n error: externalError = null,\n refetch: externalRefetch,\n}: PropsWithChildren<BrandingProviderProps>): ReactElement => {\n const [theme, setTheme] = useState<Theme | null>(null);\n const [activeTheme, setActiveTheme] = useState<'light' | 'dark' | null>(null);\n\n // Process branding preference when it changes\n useEffect(() => {\n if (!enabled || !externalBrandingPreference) {\n setTheme(null);\n setActiveTheme(null);\n return;\n }\n\n // Extract active theme from branding preference\n const activeThemeFromBranding: string | undefined = externalBrandingPreference?.preference?.theme?.activeTheme;\n let extractedActiveTheme: 'light' | 'dark' | null = null;\n\n if (activeThemeFromBranding) {\n // Convert to lowercase and map to our expected values\n const themeMode: string = activeThemeFromBranding.toLowerCase();\n if (themeMode === 'light' || themeMode === 'dark') {\n extractedActiveTheme = themeMode;\n }\n }\n\n setActiveTheme(extractedActiveTheme);\n\n // Transform branding preference to theme\n const transformedTheme: Theme | null = transformBrandingPreferenceToTheme(externalBrandingPreference, forceTheme);\n setTheme(transformedTheme);\n }, [externalBrandingPreference, forceTheme, enabled]);\n\n // Reset state when disabled\n useEffect(() => {\n if (!enabled) {\n setTheme(null);\n setActiveTheme(null);\n }\n }, [enabled]);\n\n // Dummy fetchBranding for backward compatibility\n const fetchBranding: () => Promise<void> = useCallback(async (): Promise<void> => {\n if (externalRefetch) {\n await externalRefetch();\n }\n }, [externalRefetch]);\n\n const value: any = {\n activeTheme,\n brandingPreference: externalBrandingPreference || null,\n error: externalError,\n fetchBranding,\n isLoading: externalIsLoading,\n refetch: externalRefetch || fetchBranding,\n theme,\n };\n\n return <BrandingContext.Provider value={value}>{children}</BrandingContext.Provider>;\n};\n\nexport default BrandingProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,MAAMA,oBAAkE,EACtE,UACA,oBAAoB,4BACpB,YACA,UAAU,MACV,WAAW,oBAAoB,OAC/B,OAAO,gBAAgB,MACvB,SAAS,sBACmD;CAC5D,MAAM,CAAC,OAAO,gCAAmC,KAAK;CACtD,MAAM,CAAC,aAAa,sCAAoD,KAAK;AAG7E,4BAAgB;AACd,MAAI,CAAC,WAAW,CAAC,4BAA4B;AAC3C,YAAS,KAAK;AACd,kBAAe,KAAK;AACpB;;EAIF,MAAMC,0BAA8C,4BAA4B,YAAY,OAAO;EACnG,IAAIC,uBAAgD;AAEpD,MAAI,yBAAyB;GAE3B,MAAMC,YAAoB,wBAAwB,aAAa;AAC/D,OAAI,cAAc,WAAW,cAAc,OACzC,wBAAuB;;AAI3B,iBAAe,qBAAqB;AAIpC,uEAD0E,4BAA4B,WAAW,CACvF;IACzB;EAAC;EAA4B;EAAY;EAAQ,CAAC;AAGrD,4BAAgB;AACd,MAAI,CAAC,SAAS;AACZ,YAAS,KAAK;AACd,kBAAe,KAAK;;IAErB,CAAC,QAAQ,CAAC;CAGb,MAAMC,uCAAiD,YAA2B;AAChF,MAAI,gBACF,OAAM,iBAAiB;IAExB,CAAC,gBAAgB,CAAC;CAErB,MAAMC,QAAa;EACjB;EACA,oBAAoB,8BAA8B;EAClD,OAAO;EACP;EACA,WAAW;EACX,SAAS,mBAAmB;EAC5B;EACD;AAED,QAAO,2CAACC,gCAAgB;EAAgB;EAAQ;GAAoC;;AAGtF,+BAAe"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_BrandingContext = require('./BrandingContext.cjs');
|
|
3
|
-
let react = require("react");
|
|
4
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
5
|
-
|
|
6
|
-
//#region src/contexts/Branding/useBrandingContext.ts
|
|
7
|
-
/**
|
|
8
|
-
* Hook to access the branding context.
|
|
9
|
-
* This hook provides access to branding preferences, theme data, and loading states.
|
|
10
|
-
*
|
|
11
|
-
* @returns The branding context value containing branding preference data, theme, and control functions
|
|
12
|
-
* @throws Error if used outside of a BrandingProvider
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```tsx
|
|
16
|
-
* function MyComponent() {
|
|
17
|
-
* const { theme, activeTheme, isLoading, error } = useBrandingContext();
|
|
18
|
-
*
|
|
19
|
-
* if (isLoading) return <div>Loading branding...</div>;
|
|
20
|
-
* if (error) return <div>Error: {error.message}</div>;
|
|
21
|
-
*
|
|
22
|
-
* return (
|
|
23
|
-
* <div style={{ color: theme?.colors?.primary?.main }}>
|
|
24
|
-
* <p>Active theme mode: {activeTheme}</p>
|
|
25
|
-
* <p>Styled with ThunderID branding</p>
|
|
26
|
-
* </div>
|
|
27
|
-
* );
|
|
28
|
-
* }
|
|
29
|
-
* ```
|
|
30
|
-
*/
|
|
31
|
-
const useBrandingContext = () => {
|
|
32
|
-
const context = (0, react.useContext)(require_BrandingContext.default);
|
|
33
|
-
if (!context) throw new Error("useBrandingContext must be used within a BrandingProvider");
|
|
34
|
-
return context;
|
|
35
|
-
};
|
|
36
|
-
var useBrandingContext_default = useBrandingContext;
|
|
37
|
-
|
|
38
|
-
//#endregion
|
|
39
|
-
exports.default = useBrandingContext_default;
|
|
40
|
-
//# sourceMappingURL=useBrandingContext.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBrandingContext.cjs","names":["context: BrandingContextValue | null","BrandingContext"],"sources":["../../../../src/contexts/Branding/useBrandingContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {useContext} from 'react';\nimport BrandingContext, {BrandingContextValue} from './BrandingContext';\n\n/**\n * Hook to access the branding context.\n * This hook provides access to branding preferences, theme data, and loading states.\n *\n * @returns The branding context value containing branding preference data, theme, and control functions\n * @throws Error if used outside of a BrandingProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n * const { theme, activeTheme, isLoading, error } = useBrandingContext();\n *\n * if (isLoading) return <div>Loading branding...</div>;\n * if (error) return <div>Error: {error.message}</div>;\n *\n * return (\n * <div style={{ color: theme?.colors?.primary?.main }}>\n * <p>Active theme mode: {activeTheme}</p>\n * <p>Styled with ThunderID branding</p>\n * </div>\n * );\n * }\n * ```\n */\nconst useBrandingContext = (): BrandingContextValue => {\n const context: BrandingContextValue | null = useContext(BrandingContext);\n if (!context) {\n throw new Error('useBrandingContext must be used within a BrandingProvider');\n }\n return context;\n};\n\nexport default useBrandingContext;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,2BAAiD;CACrD,MAAMA,gCAAkDC,gCAAgB;AACxE,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,4DAA4D;AAE9E,QAAO;;AAGT,iCAAe"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
let react = require("react");
|
|
3
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
4
|
-
|
|
5
|
-
//#region src/contexts/Organization/OrganizationContext.ts
|
|
6
|
-
/**
|
|
7
|
-
* Context object for managing organization data and related operations.
|
|
8
|
-
*/
|
|
9
|
-
const OrganizationContext = (0, react.createContext)({
|
|
10
|
-
createOrganization: () => null,
|
|
11
|
-
currentOrganization: null,
|
|
12
|
-
error: null,
|
|
13
|
-
getAllOrganizations: () => Promise.resolve({
|
|
14
|
-
count: 0,
|
|
15
|
-
organizations: []
|
|
16
|
-
}),
|
|
17
|
-
isLoading: false,
|
|
18
|
-
myOrganizations: [],
|
|
19
|
-
revalidateMyOrganizations: () => Promise.resolve([]),
|
|
20
|
-
switchOrganization: () => Promise.resolve()
|
|
21
|
-
});
|
|
22
|
-
OrganizationContext.displayName = "OrganizationContext";
|
|
23
|
-
var OrganizationContext_default = OrganizationContext;
|
|
24
|
-
|
|
25
|
-
//#endregion
|
|
26
|
-
exports.default = OrganizationContext_default;
|
|
27
|
-
//# sourceMappingURL=OrganizationContext.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrganizationContext.cjs","names":["OrganizationContext: Context<OrganizationContextProps | null>"],"sources":["../../../../src/contexts/Organization/OrganizationContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {AllOrganizationsApiResponse, Organization, CreateOrganizationPayload} from '@thunderid/browser';\nimport {Context, createContext} from 'react';\n\n/**\n * Props interface of {@link OrganizationContext}\n */\nexport interface OrganizationContextProps {\n /**\n * Function to create a new organization.\n */\n createOrganization?: (payload: CreateOrganizationPayload, sessionId: string) => Promise<Organization>;\n currentOrganization: Organization | null;\n error: string | null;\n getAllOrganizations: () => Promise<AllOrganizationsApiResponse>;\n isLoading: boolean;\n myOrganizations: Organization[];\n revalidateMyOrganizations: () => Promise<Organization[]>;\n switchOrganization: (organization: Organization) => Promise<void>;\n}\n\n/**\n * Context object for managing organization data and related operations.\n */\nconst OrganizationContext: Context<OrganizationContextProps | null> = createContext<null | OrganizationContextProps>({\n createOrganization: () => null as unknown as Promise<Organization>,\n currentOrganization: null,\n error: null,\n getAllOrganizations: () =>\n Promise.resolve({\n count: 0,\n organizations: [],\n }),\n isLoading: false,\n myOrganizations: [] as Organization[],\n revalidateMyOrganizations: () => Promise.resolve([]),\n switchOrganization: () => Promise.resolve(),\n});\n\nOrganizationContext.displayName = 'OrganizationContext';\n\nexport default OrganizationContext;\n"],"mappings":";;;;;;;;AAyCA,MAAMA,+CAA+G;CACnH,0BAA0B;CAC1B,qBAAqB;CACrB,OAAO;CACP,2BACE,QAAQ,QAAQ;EACd,OAAO;EACP,eAAe,EAAE;EAClB,CAAC;CACJ,WAAW;CACX,iBAAiB,EAAE;CACnB,iCAAiC,QAAQ,QAAQ,EAAE,CAAC;CACpD,0BAA0B,QAAQ,SAAS;CAC5C,CAAC;AAEF,oBAAoB,cAAc;AAElC,kCAAe"}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_OrganizationContext = require('./OrganizationContext.cjs');
|
|
3
|
-
let __thunderid_browser = require("@thunderid/browser");
|
|
4
|
-
__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
|
|
5
|
-
let react = require("react");
|
|
6
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
7
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
9
|
-
|
|
10
|
-
//#region src/contexts/Organization/OrganizationProvider.tsx
|
|
11
|
-
/**
|
|
12
|
-
* OrganizationProvider component that manages organization data and provides it through OrganizationContext.
|
|
13
|
-
*
|
|
14
|
-
* This provider:
|
|
15
|
-
* - Fetches organization data from the organizations endpoint
|
|
16
|
-
* - Manages current organization state
|
|
17
|
-
* - Provides functions for switching organizations and refreshing data
|
|
18
|
-
* - Handles loading states and errors
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```tsx
|
|
22
|
-
* // Basic usage with auto-fetch (uses internal API)
|
|
23
|
-
* <OrganizationProvider>
|
|
24
|
-
* <App />
|
|
25
|
-
* </OrganizationProvider>
|
|
26
|
-
*
|
|
27
|
-
* // With custom error handling
|
|
28
|
-
* <OrganizationProvider onError={(error) => console.error('Organization error:', error)}>
|
|
29
|
-
* <App />
|
|
30
|
-
* </OrganizationProvider>
|
|
31
|
-
*
|
|
32
|
-
* // With custom organization switch handler
|
|
33
|
-
* <OrganizationProvider
|
|
34
|
-
* onOrganizationSwitch={(org) => console.log('Switched to:', org.name)}
|
|
35
|
-
* >
|
|
36
|
-
* <App />
|
|
37
|
-
* </OrganizationProvider>
|
|
38
|
-
*
|
|
39
|
-
* // Disable auto-fetch (fetch manually using revalidateMyOrganizations)
|
|
40
|
-
* <OrganizationProvider autoFetch={false}>
|
|
41
|
-
* <App />
|
|
42
|
-
* </OrganizationProvider>
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
const OrganizationProvider = ({ children, currentOrganization, onError, myOrganizations, onOrganizationSwitch, revalidateMyOrganizations, getAllOrganizations, createOrganization }) => {
|
|
46
|
-
const [isLoading, setIsLoading] = (0, react.useState)(false);
|
|
47
|
-
const [error, setError] = (0, react.useState)(null);
|
|
48
|
-
/**
|
|
49
|
-
* Switches to a different organization
|
|
50
|
-
*/
|
|
51
|
-
const switchOrganization = (0, react.useCallback)(async (organization) => {
|
|
52
|
-
if (!onOrganizationSwitch) throw new __thunderid_browser.ThunderIDRuntimeError("onOrganizationSwitch callback is required", "OrganizationProvider-SwitchError-001", "react", "The onOrganizationSwitch callback must be provided to handle organization switching.");
|
|
53
|
-
setIsLoading(true);
|
|
54
|
-
setError(null);
|
|
55
|
-
try {
|
|
56
|
-
await onOrganizationSwitch(organization);
|
|
57
|
-
} catch (switchError) {
|
|
58
|
-
const errorMessage = switchError instanceof Error ? switchError.message : "Failed to switch organization";
|
|
59
|
-
setError(errorMessage);
|
|
60
|
-
if (onError) onError(errorMessage);
|
|
61
|
-
throw switchError;
|
|
62
|
-
} finally {
|
|
63
|
-
setIsLoading(false);
|
|
64
|
-
}
|
|
65
|
-
}, [onOrganizationSwitch, onError]);
|
|
66
|
-
const contextValue = (0, react.useMemo)(() => ({
|
|
67
|
-
createOrganization,
|
|
68
|
-
currentOrganization: currentOrganization ?? null,
|
|
69
|
-
error,
|
|
70
|
-
getAllOrganizations: getAllOrganizations ?? (() => Promise.resolve({
|
|
71
|
-
count: 0,
|
|
72
|
-
organizations: []
|
|
73
|
-
})),
|
|
74
|
-
isLoading,
|
|
75
|
-
myOrganizations: myOrganizations ?? [],
|
|
76
|
-
revalidateMyOrganizations,
|
|
77
|
-
switchOrganization
|
|
78
|
-
}), [
|
|
79
|
-
currentOrganization,
|
|
80
|
-
error,
|
|
81
|
-
isLoading,
|
|
82
|
-
myOrganizations,
|
|
83
|
-
switchOrganization,
|
|
84
|
-
revalidateMyOrganizations,
|
|
85
|
-
getAllOrganizations,
|
|
86
|
-
createOrganization
|
|
87
|
-
]);
|
|
88
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OrganizationContext.default.Provider, {
|
|
89
|
-
value: contextValue,
|
|
90
|
-
children
|
|
91
|
-
});
|
|
92
|
-
};
|
|
93
|
-
var OrganizationProvider_default = OrganizationProvider;
|
|
94
|
-
|
|
95
|
-
//#endregion
|
|
96
|
-
exports.default = OrganizationProvider_default;
|
|
97
|
-
//# sourceMappingURL=OrganizationProvider.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrganizationProvider.cjs","names":["OrganizationProvider: FC<PropsWithChildren<OrganizationProviderProps>>","switchOrganization: (organization: Organization) => Promise<void>","ThunderIDRuntimeError","errorMessage: string","contextValue: OrganizationContextProps","OrganizationContext"],"sources":["../../../../src/contexts/Organization/OrganizationProvider.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {\n ThunderIDRuntimeError,\n Organization,\n AllOrganizationsApiResponse,\n CreateOrganizationPayload,\n TokenResponse,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useMemo, useState} from 'react';\nimport OrganizationContext, {OrganizationContextProps} from './OrganizationContext';\n\n/**\n * Props interface of {@link OrganizationProvider}\n */\nexport interface OrganizationProviderProps {\n /**\n * Whether to automatically fetch organizations on mount\n */\n autoFetch?: boolean;\n /**\n * Function to create a new organization.\n */\n createOrganization?: (payload: CreateOrganizationPayload, sessionId: string) => Promise<Organization>;\n /**\n * Initial current organization\n */\n currentOrganization?: Organization | null;\n /**\n * Initial list of organizations\n */\n getAllOrganizations?: () => Promise<AllOrganizationsApiResponse>;\n /**\n * List of organizations the signed-in user belongs to.\n */\n myOrganizations?: Organization[];\n /**\n * Callback function called when an error occurs\n */\n onError?: (error: string) => void;\n /**\n * Callback function called when switching organizations\n */\n onOrganizationSwitch?: (organization: Organization) => Promise<TokenResponse | Response>;\n /**\n * Refetch the my organizations list.\n * @returns\n */\n revalidateMyOrganizations: () => Promise<Organization[]>;\n}\n\n/**\n * OrganizationProvider component that manages organization data and provides it through OrganizationContext.\n *\n * This provider:\n * - Fetches organization data from the organizations endpoint\n * - Manages current organization state\n * - Provides functions for switching organizations and refreshing data\n * - Handles loading states and errors\n *\n * @example\n * ```tsx\n * // Basic usage with auto-fetch (uses internal API)\n * <OrganizationProvider>\n * <App />\n * </OrganizationProvider>\n *\n * // With custom error handling\n * <OrganizationProvider onError={(error) => console.error('Organization error:', error)}>\n * <App />\n * </OrganizationProvider>\n *\n * // With custom organization switch handler\n * <OrganizationProvider\n * onOrganizationSwitch={(org) => console.log('Switched to:', org.name)}\n * >\n * <App />\n * </OrganizationProvider>\n *\n * // Disable auto-fetch (fetch manually using revalidateMyOrganizations)\n * <OrganizationProvider autoFetch={false}>\n * <App />\n * </OrganizationProvider>\n * ```\n */\nconst OrganizationProvider: FC<PropsWithChildren<OrganizationProviderProps>> = ({\n children,\n currentOrganization,\n onError,\n myOrganizations,\n onOrganizationSwitch,\n revalidateMyOrganizations,\n getAllOrganizations,\n createOrganization,\n}: PropsWithChildren<OrganizationProviderProps>): ReactElement => {\n const [isLoading, setIsLoading] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n\n /**\n * Switches to a different organization\n */\n const switchOrganization: (organization: Organization) => Promise<void> = useCallback(\n async (organization: Organization): Promise<void> => {\n if (!onOrganizationSwitch) {\n throw new ThunderIDRuntimeError(\n 'onOrganizationSwitch callback is required',\n 'OrganizationProvider-SwitchError-001',\n 'react',\n 'The onOrganizationSwitch callback must be provided to handle organization switching.',\n );\n }\n\n setIsLoading(true);\n setError(null);\n\n try {\n await onOrganizationSwitch(organization);\n // The organization state will be updated by the parent provider\n } catch (switchError) {\n const errorMessage: string =\n switchError instanceof Error ? switchError.message : 'Failed to switch organization';\n setError(errorMessage);\n if (onError) {\n onError(errorMessage);\n }\n throw switchError; // Re-throw so the UI can handle it\n } finally {\n setIsLoading(false);\n }\n },\n [onOrganizationSwitch, onError],\n );\n\n const contextValue: OrganizationContextProps = useMemo(\n () => ({\n createOrganization,\n currentOrganization: currentOrganization ?? null,\n error,\n getAllOrganizations:\n getAllOrganizations ??\n ((): Promise<AllOrganizationsApiResponse> => Promise.resolve({count: 0, organizations: []})),\n isLoading,\n myOrganizations: myOrganizations ?? [],\n revalidateMyOrganizations,\n switchOrganization,\n }),\n [\n currentOrganization,\n error,\n isLoading,\n myOrganizations,\n switchOrganization,\n revalidateMyOrganizations,\n getAllOrganizations,\n createOrganization,\n ],\n );\n\n return <OrganizationContext.Provider value={contextValue}>{children}</OrganizationContext.Provider>;\n};\n\nexport default OrganizationProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA,MAAMA,wBAA0E,EAC9E,UACA,qBACA,SACA,iBACA,sBACA,2BACA,qBACA,yBACgE;CAChE,MAAM,CAAC,WAAW,oCAAkC,MAAM;CAC1D,MAAM,CAAC,OAAO,gCAAoC,KAAK;;;;CAKvD,MAAMC,4CACJ,OAAO,iBAA8C;AACnD,MAAI,CAAC,qBACH,OAAM,IAAIC,0CACR,6CACA,wCACA,SACA,uFACD;AAGH,eAAa,KAAK;AAClB,WAAS,KAAK;AAEd,MAAI;AACF,SAAM,qBAAqB,aAAa;WAEjC,aAAa;GACpB,MAAMC,eACJ,uBAAuB,QAAQ,YAAY,UAAU;AACvD,YAAS,aAAa;AACtB,OAAI,QACF,SAAQ,aAAa;AAEvB,SAAM;YACE;AACR,gBAAa,MAAM;;IAGvB,CAAC,sBAAsB,QAAQ,CAChC;CAED,MAAMC,yCACG;EACL;EACA,qBAAqB,uBAAuB;EAC5C;EACA,qBACE,8BAC6C,QAAQ,QAAQ;GAAC,OAAO;GAAG,eAAe,EAAE;GAAC,CAAC;EAC7F;EACA,iBAAiB,mBAAmB,EAAE;EACtC;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QAAO,2CAACC,oCAAoB;EAAS,OAAO;EAAe;GAAwC;;AAGrG,mCAAe"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_OrganizationContext = require('./OrganizationContext.cjs');
|
|
3
|
-
let react = require("react");
|
|
4
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
5
|
-
|
|
6
|
-
//#region src/contexts/Organization/useOrganization.ts
|
|
7
|
-
/**
|
|
8
|
-
* Hook to access the Organization context.
|
|
9
|
-
*
|
|
10
|
-
* This hook provides access to organization data including:
|
|
11
|
-
* - List of organizations the user belongs to
|
|
12
|
-
* - Current organization
|
|
13
|
-
* - Functions to switch organizations and refresh data
|
|
14
|
-
* - Function to fetch organizations programmatically
|
|
15
|
-
* - Loading states and error handling
|
|
16
|
-
*
|
|
17
|
-
* @returns {OrganizationContextProps} The organization context value containing all organization-related data and functions
|
|
18
|
-
* @throws {Error} Throws an error if used outside of OrganizationProvider
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```tsx
|
|
22
|
-
* import {useOrganization} from '@thunderid/react';
|
|
23
|
-
*
|
|
24
|
-
* function OrganizationSelector() {
|
|
25
|
-
* const {
|
|
26
|
-
* organizations,
|
|
27
|
-
* currentOrganization,
|
|
28
|
-
* switchOrganization,
|
|
29
|
-
* revalidateMyOrganizations,
|
|
30
|
-
* getOrganizations,
|
|
31
|
-
* isLoading,
|
|
32
|
-
* error
|
|
33
|
-
* } = useOrganization();
|
|
34
|
-
*
|
|
35
|
-
* if (isLoading) {
|
|
36
|
-
* return <div>Loading organizations...</div>;
|
|
37
|
-
* }
|
|
38
|
-
*
|
|
39
|
-
* if (error) {
|
|
40
|
-
* return <div>Error: {error}</div>;
|
|
41
|
-
* }
|
|
42
|
-
*
|
|
43
|
-
* return (
|
|
44
|
-
* <div>
|
|
45
|
-
* <h2>Current: {currentOrganization?.name}</h2>
|
|
46
|
-
* <select
|
|
47
|
-
* value={currentOrganization?.id || ''}
|
|
48
|
-
* onChange={(e) => {
|
|
49
|
-
* const org = organizations?.find(o => o.id === e.target.value);
|
|
50
|
-
* if (org) switchOrganization(org);
|
|
51
|
-
* }}
|
|
52
|
-
* >
|
|
53
|
-
* {organizations?.map(org => (
|
|
54
|
-
* <option key={org.id} value={org.id}>
|
|
55
|
-
* {org.name}
|
|
56
|
-
* </option>
|
|
57
|
-
* ))}
|
|
58
|
-
* </select>
|
|
59
|
-
* <button onClick={revalidateMyOrganizations}>
|
|
60
|
-
* Refresh Organizations
|
|
61
|
-
* </button>
|
|
62
|
-
* <button onClick={async () => {
|
|
63
|
-
* const fresh = await getOrganizations();
|
|
64
|
-
* console.log('Fresh organizations:', fresh);
|
|
65
|
-
* }}>
|
|
66
|
-
* Get Organizations Manually
|
|
67
|
-
* </button>
|
|
68
|
-
* </div>
|
|
69
|
-
* );
|
|
70
|
-
* }
|
|
71
|
-
*
|
|
72
|
-
* // Switch to a specific organization
|
|
73
|
-
* function SwitchOrgButton() {
|
|
74
|
-
* const {organizations, switchOrganization} = useOrganization();
|
|
75
|
-
*
|
|
76
|
-
* const handleSwitch = (orgId: string) => {
|
|
77
|
-
* const org = organizations?.find(o => o.id === orgId);
|
|
78
|
-
* if (org) {
|
|
79
|
-
* switchOrganization(org);
|
|
80
|
-
* }
|
|
81
|
-
* };
|
|
82
|
-
*
|
|
83
|
-
* return (
|
|
84
|
-
* <button onClick={() => handleSwitch('org-123')}>
|
|
85
|
-
* Switch to Organization
|
|
86
|
-
* </button>
|
|
87
|
-
* );
|
|
88
|
-
* }
|
|
89
|
-
* ```
|
|
90
|
-
*/
|
|
91
|
-
const useOrganization = () => {
|
|
92
|
-
const context = (0, react.useContext)(require_OrganizationContext.default);
|
|
93
|
-
if (!context) throw new Error("useOrganization must be used within an OrganizationProvider");
|
|
94
|
-
return context;
|
|
95
|
-
};
|
|
96
|
-
var useOrganization_default = useOrganization;
|
|
97
|
-
|
|
98
|
-
//#endregion
|
|
99
|
-
exports.default = useOrganization_default;
|
|
100
|
-
//# sourceMappingURL=useOrganization.cjs.map
|