@descope/flow-components 2.0.416 → 2.0.418

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.
Files changed (6) hide show
  1. package/dist/dts/index.d.ts +71 -58
  2. package/dist/index.cjs.js +5 -7
  3. package/dist/index.d.ts +22 -9
  4. package/dist/index.esm.js +5 -6
  5. package/dist/types/src/index.d.ts +71 -58
  6. package/package.json +1 -1
package/dist/dts/index.d.ts CHANGED
@@ -1,74 +1,87 @@
1
1
  type ComponentClass = {
2
2
  cssVarList: Record<string, string>;
3
3
  };
4
+ type CountryCode = {
5
+ name: string;
6
+ dialCode: string;
7
+ code: string;
8
+ };
4
9
  interface IComponentThemeManager {
5
- currentThemeName: string[];
6
- currentTheme: () => string;
10
+ currentThemeName: string;
11
+ currentTheme: Theme;
7
12
  themes: Record<string, string>;
8
- hasThemes: () => boolean;
13
+ hasThemes: boolean;
9
14
  }
15
+ type Palette = {
16
+ main: string;
17
+ light: string;
18
+ highlight: string;
19
+ dark: string;
20
+ contrast: string;
21
+ };
10
22
  declare const globalsThemeToStyle: (theme: string, themeName: string) => string;
11
23
  declare const createComponentsTheme: (componentsTheme: Record<string, string>) => Record<string, any>;
12
24
  declare const themeToStyle: (theme: Theme, themeName?: string) => Record<string, any>;
13
25
  declare const componentsThemeManager: IComponentThemeManager;
14
- declare const genColor: (val: string, theme?: string) => Record<string, string>;
26
+ declare const genColor: (val: string, theme?: string) => Palette;
15
27
  declare const themeVars: Theme;
16
28
  declare const defaultTheme: Theme;
17
29
  declare const darkTheme: Theme;
18
- declare const CheckboxClass: ComponentClass;
19
- declare const SwitchToggleClass: ComponentClass;
20
- declare const ButtonClass: ComponentClass;
21
- declare const LoaderLinearClass: ComponentClass;
22
- declare const LoaderRadialClass: ComponentClass;
23
- declare const ContainerClass: ComponentClass;
24
- declare const DividerClass: ComponentClass;
25
- declare const EmailFieldClass: ComponentClass;
26
- declare const LinkClass: ComponentClass;
27
- declare const LogoClass: ComponentClass;
28
- declare const TotpImageClass: ComponentClass;
29
- declare const NotpImageClass: ComponentClass;
30
- declare const NumberFieldClass: ComponentClass;
31
- declare const PasscodeClass: ComponentClass;
32
- declare const PasswordClass: ComponentClass;
33
- declare const TextClass: ComponentClass;
34
- declare const EnrichedTextClass: ComponentClass;
35
- declare const TextAreaClass: ComponentClass;
36
- declare const TextFieldClass: ComponentClass;
37
- declare const ImageClass: ComponentClass;
38
- declare const PhoneFieldClass: ComponentClass;
39
- declare const PhoneFieldInputBoxClass: ComponentClass;
40
- declare const NewPasswordClass: ComponentClass;
41
- declare const RecaptchaClass: ComponentClass;
42
- declare const UploadFileClass: ComponentClass;
43
- declare const ButtonSelectionGroupClass: ComponentClass;
44
- declare const ButtonMultiSelectionGroupClass: ComponentClass;
45
- declare const ButtonSelectionGroupItemClass: ComponentClass;
46
- declare const ModalClass: ComponentClass;
47
- declare const NotificationClass: ComponentClass;
48
- declare const GridClass: ComponentClass;
49
- declare const BadgeClass: ComponentClass;
50
- declare const MultiSelectComboBoxClass: ComponentClass;
51
- declare const AvatarClass: ComponentClass;
52
- declare const UserAttributeClass: ComponentClass;
53
- declare const UserAuthMethodClass: ComponentClass;
54
- declare const MappingsFieldClass: ComponentClass;
55
- declare const SamlGroupMappingsClass: ComponentClass;
56
- declare const PolicyValidationClass: ComponentClass;
57
- declare const CodeSnippetClass: ComponentClass;
58
- declare const RadioGroupClass: ComponentClass;
59
- declare const RadioButtonClass: ComponentClass;
60
- declare const DateFieldClass: ComponentClass;
61
- declare const CalendarClass: ComponentClass;
62
- declare const ListClass: ComponentClass;
63
- declare const ListItemClass: ComponentClass;
64
- declare const AppsListClass: ComponentClass;
65
- declare const ScopesListClass: ComponentClass;
66
- declare const ThirdPartyAppLogoClass: ComponentClass;
67
- declare const SecurityQuestionsSetupClass: ComponentClass;
68
- declare const SecurityQuestionsVerifyClass: ComponentClass;
69
- declare const HybridFieldClass: ComponentClass;
70
- declare const AlertClass: ComponentClass;
71
- export { globalsThemeToStyle, createComponentsTheme, themeToStyle, componentsThemeManager, darkTheme, genColor, defaultTheme, themeVars, CheckboxClass, SwitchToggleClass, ButtonClass, LoaderLinearClass, LoaderRadialClass, ContainerClass, DividerClass, EmailFieldClass, LinkClass, LogoClass, TotpImageClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, TextClass, EnrichedTextClass, TextAreaClass, TextFieldClass, ImageClass, PhoneFieldClass, PhoneFieldInputBoxClass, NewPasswordClass, RecaptchaClass, UploadFileClass, ButtonSelectionGroupClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupItemClass, ModalClass, NotificationClass, GridClass, BadgeClass, MultiSelectComboBoxClass, AvatarClass, UserAttributeClass, UserAuthMethodClass, MappingsFieldClass, SamlGroupMappingsClass, PolicyValidationClass, CodeSnippetClass, RadioGroupClass, RadioButtonClass, DateFieldClass, CalendarClass, ListClass, ListItemClass, AppsListClass, ScopesListClass, ThirdPartyAppLogoClass, SecurityQuestionsSetupClass, SecurityQuestionsVerifyClass, HybridFieldClass, AlertClass };
30
+ export declare const IconClass: ComponentClass;
31
+ export declare const CheckboxClass: ComponentClass;
32
+ export declare const SwitchToggleClass: ComponentClass;
33
+ export declare const ButtonClass: ComponentClass;
34
+ export declare const LoaderLinearClass: ComponentClass;
35
+ export declare const LoaderRadialClass: ComponentClass;
36
+ export declare const ContainerClass: ComponentClass;
37
+ export declare const DividerClass: ComponentClass;
38
+ export declare const EmailFieldClass: ComponentClass;
39
+ export declare const LinkClass: ComponentClass;
40
+ export declare const LogoClass: ComponentClass;
41
+ export declare const TotpImageClass: ComponentClass;
42
+ export declare const NotpImageClass: ComponentClass;
43
+ export declare const NumberFieldClass: ComponentClass;
44
+ export declare const PasscodeClass: ComponentClass;
45
+ export declare const PasswordClass: ComponentClass;
46
+ export declare const TextClass: ComponentClass;
47
+ export declare const EnrichedTextClass: ComponentClass;
48
+ export declare const TextAreaClass: ComponentClass;
49
+ export declare const TextFieldClass: ComponentClass;
50
+ export declare const ImageClass: ComponentClass;
51
+ export declare const PhoneFieldClass: ComponentClass & {
52
+ CountryCodes: CountryCode[];
53
+ };
54
+ export declare const PhoneFieldInputBoxClass: ComponentClass;
55
+ export declare const NewPasswordClass: ComponentClass;
56
+ export declare const RecaptchaClass: ComponentClass;
57
+ export declare const UploadFileClass: ComponentClass;
58
+ export declare const ButtonSelectionGroupClass: ComponentClass;
59
+ export declare const ButtonMultiSelectionGroupClass: ComponentClass;
60
+ export declare const ModalClass: ComponentClass;
61
+ export declare const NotificationClass: ComponentClass;
62
+ export declare const GridClass: ComponentClass;
63
+ export declare const BadgeClass: ComponentClass;
64
+ export declare const MultiSelectComboBoxClass: ComponentClass;
65
+ export declare const AvatarClass: ComponentClass;
66
+ export declare const UserAttributeClass: ComponentClass;
67
+ export declare const UserAuthMethodClass: ComponentClass;
68
+ export declare const MappingsFieldClass: ComponentClass;
69
+ export declare const SamlGroupMappingsClass: ComponentClass;
70
+ export declare const PolicyValidationClass: ComponentClass;
71
+ export declare const CodeSnippetClass: ComponentClass;
72
+ export declare const ComboBoxClass: ComponentClass;
73
+ export declare const RadioGroupClass: ComponentClass;
74
+ export declare const DateFieldClass: ComponentClass;
75
+ export declare const CalendarClass: ComponentClass;
76
+ export declare const ListClass: ComponentClass;
77
+ export declare const AppsListClass: ComponentClass;
78
+ export declare const ScopesListClass: ComponentClass;
79
+ export declare const ThirdPartyAppLogoClass: ComponentClass;
80
+ export declare const SecurityQuestionsSetupClass: ComponentClass;
81
+ export declare const SecurityQuestionsVerifyClass: ComponentClass;
82
+ export declare const HybridFieldClass: ComponentClass;
83
+ export declare const AlertClass: ComponentClass;
84
+ export { globalsThemeToStyle, createComponentsTheme, themeToStyle, componentsThemeManager, darkTheme, genColor, defaultTheme, themeVars };
72
85
  export type Theme = {
73
86
  globals: {
74
87
  colors: Record<string, string>;
package/dist/index.cjs.js CHANGED
@@ -187,7 +187,7 @@ const NewPassword = React__default.default.forwardRef(({ 'has-validation': hasVa
187
187
  'data-password-policy-value-minlength': valueMinLength = '8',
188
188
  // translatable props
189
189
  'data-password-policy-message-minlength': errorMessageMinLength = 'At least {{value}} characters', 'data-password-policy-message-lowercase': errorMessageLowercase = '1 lowercase letter', 'data-password-policy-message-uppercase': errorMessageUppercase = '1 uppercase letter', 'data-password-policy-message-number': errorMessageNumber = '1 number', 'data-password-policy-message-nonalphanumeric': errorMessageNonAlphanumeric = '1 symbol', 'st-policy-preview-background-color': stPreviewBgColor = 'transparent', 'st-policy-preview-padding': stPreviewPadding = '0', ...props }, ref) => {
190
- const availablePolicies = props?.['active-policies'].map((id) => ({
190
+ const availablePolicies = props?.['active-policies']?.map((id) => ({
191
191
  id,
192
192
  message: props[`data-password-policy-message-${id}`],
193
193
  pattern: props[`data-password-policy-pattern-${id}`],
@@ -405,6 +405,7 @@ const themeVars = webComponentsUi.themeVars;
405
405
  const defaultTheme = webComponentsUi.defaultTheme;
406
406
  const darkTheme = webComponentsUi.darkTheme;
407
407
  // component classes
408
+ const IconClass = webComponentsUi.IconClass;
408
409
  const CheckboxClass = webComponentsUi.CheckboxClass;
409
410
  const SwitchToggleClass = webComponentsUi.SwitchToggleClass;
410
411
  const ButtonClass = webComponentsUi.ButtonClass;
@@ -432,7 +433,6 @@ const RecaptchaClass = webComponentsUi.RecaptchaClass;
432
433
  const UploadFileClass = webComponentsUi.UploadFileClass;
433
434
  const ButtonSelectionGroupClass = webComponentsUi.ButtonSelectionGroupClass;
434
435
  const ButtonMultiSelectionGroupClass = webComponentsUi.ButtonMultiSelectionGroupClass;
435
- const ButtonSelectionGroupItemClass = webComponentsUi.ButtonSelectionGroupItemClass;
436
436
  const ModalClass = webComponentsUi.ModalClass;
437
437
  const NotificationClass = webComponentsUi.NotificationClass;
438
438
  const GridClass = webComponentsUi.GridClass;
@@ -445,12 +445,11 @@ const MappingsFieldClass = webComponentsUi.MappingsFieldClass;
445
445
  const SamlGroupMappingsClass = webComponentsUi.SamlGroupMappingsClass;
446
446
  const PolicyValidationClass = webComponentsUi.PolicyValidationClass;
447
447
  const CodeSnippetClass = webComponentsUi.CodeSnippetClass;
448
+ const ComboBoxClass = webComponentsUi.ComboBoxClass;
448
449
  const RadioGroupClass = webComponentsUi.RadioGroupClass;
449
- const RadioButtonClass = webComponentsUi.RadioButtonClass;
450
450
  const DateFieldClass = webComponentsUi.DateFieldClass;
451
451
  const CalendarClass = webComponentsUi.CalendarClass;
452
452
  const ListClass = webComponentsUi.ListClass;
453
- const ListItemClass = webComponentsUi.ListItemClass;
454
453
  const AppsListClass = webComponentsUi.AppsListClass;
455
454
  const ScopesListClass = webComponentsUi.ScopesListClass;
456
455
  const ThirdPartyAppLogoClass = webComponentsUi.ThirdPartyAppLogoClass;
@@ -472,7 +471,6 @@ exports.Button = Button;
472
471
  exports.ButtonClass = ButtonClass;
473
472
  exports.ButtonMultiSelectionGroupClass = ButtonMultiSelectionGroupClass;
474
473
  exports.ButtonSelectionGroupClass = ButtonSelectionGroupClass;
475
- exports.ButtonSelectionGroupItemClass = ButtonSelectionGroupItemClass;
476
474
  exports.CalendarClass = CalendarClass;
477
475
  exports.Checkbox = Checkbox;
478
476
  exports.CheckboxClass = CheckboxClass;
@@ -480,6 +478,7 @@ exports.Code = Code;
480
478
  exports.CodeSnippet = CodeSnippet;
481
479
  exports.CodeSnippetClass = CodeSnippetClass;
482
480
  exports.ComboBox = ComboBox;
481
+ exports.ComboBoxClass = ComboBoxClass;
483
482
  exports.Container = Container;
484
483
  exports.ContainerClass = ContainerClass;
485
484
  exports.DateField = DateField;
@@ -496,6 +495,7 @@ exports.GridSelectionColumn = GridSelectionColumn;
496
495
  exports.GridTextColumn = GridTextColumn;
497
496
  exports.HybridField = HybridField;
498
497
  exports.HybridFieldClass = HybridFieldClass;
498
+ exports.IconClass = IconClass;
499
499
  exports.Image = Image;
500
500
  exports.ImageClass = ImageClass;
501
501
  exports.Input = Input;
@@ -504,7 +504,6 @@ exports.LinkClass = LinkClass;
504
504
  exports.List = List;
505
505
  exports.ListClass = ListClass;
506
506
  exports.ListItem = ListItem;
507
- exports.ListItemClass = ListItemClass;
508
507
  exports.Loader = Loader;
509
508
  exports.LoaderLinearClass = LoaderLinearClass;
510
509
  exports.LoaderRadialClass = LoaderRadialClass;
@@ -531,7 +530,6 @@ exports.Phone = Phone;
531
530
  exports.PhoneFieldClass = PhoneFieldClass;
532
531
  exports.PhoneFieldInputBoxClass = PhoneFieldInputBoxClass;
533
532
  exports.PolicyValidationClass = PolicyValidationClass;
534
- exports.RadioButtonClass = RadioButtonClass;
535
533
  exports.RadioGroupClass = RadioGroupClass;
536
534
  exports.Recaptcha = Recaptcha;
537
535
  exports.RecaptchaClass = RecaptchaClass;
package/dist/index.d.ts CHANGED
@@ -922,20 +922,33 @@ declare const Alert: React.ForwardRefExoticComponent<Props & React.RefAttributes
922
922
  type ComponentClass = {
923
923
  cssVarList: Record<string, string>;
924
924
  };
925
+ type CountryCode = {
926
+ name: string;
927
+ dialCode: string;
928
+ code: string;
929
+ };
925
930
  interface IComponentThemeManager {
926
- currentThemeName: string[];
927
- currentTheme: () => string;
931
+ currentThemeName: string;
932
+ currentTheme: Theme;
928
933
  themes: Record<string, string>;
929
- hasThemes: () => boolean;
934
+ hasThemes: boolean;
930
935
  }
936
+ type Palette = {
937
+ main: string;
938
+ light: string;
939
+ highlight: string;
940
+ dark: string;
941
+ contrast: string;
942
+ };
931
943
  declare const globalsThemeToStyle: (theme: string, themeName: string) => string;
932
944
  declare const createComponentsTheme: (componentsTheme: Record<string, string>) => Record<string, any>;
933
945
  declare const themeToStyle: (theme: Theme, themeName?: string) => Record<string, any>;
934
946
  declare const componentsThemeManager: IComponentThemeManager;
935
- declare const genColor: (val: string, theme?: string) => Record<string, string>;
947
+ declare const genColor: (val: string, theme?: string) => Palette;
936
948
  declare const themeVars: Theme;
937
949
  declare const defaultTheme: Theme;
938
950
  declare const darkTheme: Theme;
951
+ declare const IconClass: ComponentClass;
939
952
  declare const CheckboxClass: ComponentClass;
940
953
  declare const SwitchToggleClass: ComponentClass;
941
954
  declare const ButtonClass: ComponentClass;
@@ -956,14 +969,15 @@ declare const EnrichedTextClass: ComponentClass;
956
969
  declare const TextAreaClass: ComponentClass;
957
970
  declare const TextFieldClass: ComponentClass;
958
971
  declare const ImageClass: ComponentClass;
959
- declare const PhoneFieldClass: ComponentClass;
972
+ declare const PhoneFieldClass: ComponentClass & {
973
+ CountryCodes: CountryCode[];
974
+ };
960
975
  declare const PhoneFieldInputBoxClass: ComponentClass;
961
976
  declare const NewPasswordClass: ComponentClass;
962
977
  declare const RecaptchaClass: ComponentClass;
963
978
  declare const UploadFileClass: ComponentClass;
964
979
  declare const ButtonSelectionGroupClass: ComponentClass;
965
980
  declare const ButtonMultiSelectionGroupClass: ComponentClass;
966
- declare const ButtonSelectionGroupItemClass: ComponentClass;
967
981
  declare const ModalClass: ComponentClass;
968
982
  declare const NotificationClass: ComponentClass;
969
983
  declare const GridClass: ComponentClass;
@@ -976,12 +990,11 @@ declare const MappingsFieldClass: ComponentClass;
976
990
  declare const SamlGroupMappingsClass: ComponentClass;
977
991
  declare const PolicyValidationClass: ComponentClass;
978
992
  declare const CodeSnippetClass: ComponentClass;
993
+ declare const ComboBoxClass: ComponentClass;
979
994
  declare const RadioGroupClass: ComponentClass;
980
- declare const RadioButtonClass: ComponentClass;
981
995
  declare const DateFieldClass: ComponentClass;
982
996
  declare const CalendarClass: ComponentClass;
983
997
  declare const ListClass: ComponentClass;
984
- declare const ListItemClass: ComponentClass;
985
998
  declare const AppsListClass: ComponentClass;
986
999
  declare const ScopesListClass: ComponentClass;
987
1000
  declare const ThirdPartyAppLogoClass: ComponentClass;
@@ -1013,4 +1026,4 @@ type Theme = {
1013
1026
  };
1014
1027
  };
1015
1028
 
1016
- export { Alert, AlertClass, AppsList, AppsListClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, ButtonSelectionGroupItemClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, ComboBox, Container, ContainerClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, HybridFieldClass, Image, ImageClass, Input, Link, LinkClass, List, ListClass, ListItem, ListItemClass, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioButtonClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, type Theme, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TotpImageClass, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, ReactComponent as apple, ReactComponent as authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, genColor, ReactComponent as github, ReactComponent as gitlab, globalsThemeToStyle, ReactComponent as google, ReactComponent as linkedin, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as slack, ReactComponent as sso, themeToStyle, themeVars, ReactComponent as whatsapp };
1029
+ export { Alert, AlertClass, AppsList, AppsListClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, ComboBox, ComboBoxClass, Container, ContainerClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, type Theme, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TotpImageClass, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, ReactComponent as apple, ReactComponent as authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, genColor, ReactComponent as github, ReactComponent as gitlab, globalsThemeToStyle, ReactComponent as google, ReactComponent as linkedin, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as slack, ReactComponent as sso, themeToStyle, themeVars, ReactComponent as whatsapp };
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import { globalsThemeToStyle as globalsThemeToStyle$1, createComponentsTheme as createComponentsTheme$1, themeToStyle as themeToStyle$1, componentsThemeManager as componentsThemeManager$1, genColor as genColor$1, themeVars as themeVars$1, defaultTheme as defaultTheme$1, darkTheme as darkTheme$1, CheckboxClass as CheckboxClass$1, SwitchToggleClass as SwitchToggleClass$1, ButtonClass as ButtonClass$1, LoaderLinearClass as LoaderLinearClass$1, LoaderRadialClass as LoaderRadialClass$1, ContainerClass as ContainerClass$1, DividerClass as DividerClass$1, EmailFieldClass as EmailFieldClass$1, LinkClass as LinkClass$1, LogoClass as LogoClass$1, TotpImageClass as TotpImageClass$1, NotpImageClass as NotpImageClass$1, NumberFieldClass as NumberFieldClass$1, PasscodeClass as PasscodeClass$1, PasswordClass as PasswordClass$1, TextClass as TextClass$1, EnrichedTextClass as EnrichedTextClass$1, TextAreaClass as TextAreaClass$1, TextFieldClass as TextFieldClass$1, ImageClass as ImageClass$1, PhoneFieldClass as PhoneFieldClass$1, PhoneFieldInputBoxClass as PhoneFieldInputBoxClass$1, NewPasswordClass as NewPasswordClass$1, RecaptchaClass as RecaptchaClass$1, UploadFileClass as UploadFileClass$1, ButtonSelectionGroupClass as ButtonSelectionGroupClass$1, ButtonMultiSelectionGroupClass as ButtonMultiSelectionGroupClass$1, ButtonSelectionGroupItemClass as ButtonSelectionGroupItemClass$1, ModalClass as ModalClass$1, NotificationClass as NotificationClass$1, GridClass as GridClass$1, BadgeClass as BadgeClass$1, MultiSelectComboBoxClass as MultiSelectComboBoxClass$1, AvatarClass as AvatarClass$1, UserAttributeClass as UserAttributeClass$1, UserAuthMethodClass as UserAuthMethodClass$1, MappingsFieldClass as MappingsFieldClass$1, SamlGroupMappingsClass as SamlGroupMappingsClass$1, PolicyValidationClass as PolicyValidationClass$1, CodeSnippetClass as CodeSnippetClass$1, RadioGroupClass as RadioGroupClass$1, RadioButtonClass as RadioButtonClass$1, DateFieldClass as DateFieldClass$1, CalendarClass as CalendarClass$1, ListClass as ListClass$1, ListItemClass as ListItemClass$1, AppsListClass as AppsListClass$1, ScopesListClass as ScopesListClass$1, ThirdPartyAppLogoClass as ThirdPartyAppLogoClass$1, SecurityQuestionsSetupClass as SecurityQuestionsSetupClass$1, SecurityQuestionsVerifyClass as SecurityQuestionsVerifyClass$1, HybridFieldClass as HybridFieldClass$1, AlertClass as AlertClass$1 } from '@descope/web-components-ui';
1
+ import { globalsThemeToStyle as globalsThemeToStyle$1, createComponentsTheme as createComponentsTheme$1, themeToStyle as themeToStyle$1, componentsThemeManager as componentsThemeManager$1, genColor as genColor$1, themeVars as themeVars$1, defaultTheme as defaultTheme$1, darkTheme as darkTheme$1, IconClass as IconClass$1, CheckboxClass as CheckboxClass$1, SwitchToggleClass as SwitchToggleClass$1, ButtonClass as ButtonClass$1, LoaderLinearClass as LoaderLinearClass$1, LoaderRadialClass as LoaderRadialClass$1, ContainerClass as ContainerClass$1, DividerClass as DividerClass$1, EmailFieldClass as EmailFieldClass$1, LinkClass as LinkClass$1, LogoClass as LogoClass$1, TotpImageClass as TotpImageClass$1, NotpImageClass as NotpImageClass$1, NumberFieldClass as NumberFieldClass$1, PasscodeClass as PasscodeClass$1, PasswordClass as PasswordClass$1, TextClass as TextClass$1, EnrichedTextClass as EnrichedTextClass$1, TextAreaClass as TextAreaClass$1, TextFieldClass as TextFieldClass$1, ImageClass as ImageClass$1, PhoneFieldClass as PhoneFieldClass$1, PhoneFieldInputBoxClass as PhoneFieldInputBoxClass$1, NewPasswordClass as NewPasswordClass$1, RecaptchaClass as RecaptchaClass$1, UploadFileClass as UploadFileClass$1, ButtonSelectionGroupClass as ButtonSelectionGroupClass$1, ButtonMultiSelectionGroupClass as ButtonMultiSelectionGroupClass$1, ModalClass as ModalClass$1, NotificationClass as NotificationClass$1, GridClass as GridClass$1, BadgeClass as BadgeClass$1, MultiSelectComboBoxClass as MultiSelectComboBoxClass$1, AvatarClass as AvatarClass$1, UserAttributeClass as UserAttributeClass$1, UserAuthMethodClass as UserAuthMethodClass$1, MappingsFieldClass as MappingsFieldClass$1, SamlGroupMappingsClass as SamlGroupMappingsClass$1, PolicyValidationClass as PolicyValidationClass$1, CodeSnippetClass as CodeSnippetClass$1, ComboBoxClass as ComboBoxClass$1, RadioGroupClass as RadioGroupClass$1, DateFieldClass as DateFieldClass$1, CalendarClass as CalendarClass$1, ListClass as ListClass$1, AppsListClass as AppsListClass$1, ScopesListClass as ScopesListClass$1, ThirdPartyAppLogoClass as ThirdPartyAppLogoClass$1, SecurityQuestionsSetupClass as SecurityQuestionsSetupClass$1, SecurityQuestionsVerifyClass as SecurityQuestionsVerifyClass$1, HybridFieldClass as HybridFieldClass$1, AlertClass as AlertClass$1 } from '@descope/web-components-ui';
2
2
  export * from '@descope/web-components-ui';
3
3
  import React, { useMemo } from 'react';
4
4
 
@@ -182,7 +182,7 @@ const NewPassword = React.forwardRef(({ 'has-validation': hasValidation = false,
182
182
  'data-password-policy-value-minlength': valueMinLength = '8',
183
183
  // translatable props
184
184
  'data-password-policy-message-minlength': errorMessageMinLength = 'At least {{value}} characters', 'data-password-policy-message-lowercase': errorMessageLowercase = '1 lowercase letter', 'data-password-policy-message-uppercase': errorMessageUppercase = '1 uppercase letter', 'data-password-policy-message-number': errorMessageNumber = '1 number', 'data-password-policy-message-nonalphanumeric': errorMessageNonAlphanumeric = '1 symbol', 'st-policy-preview-background-color': stPreviewBgColor = 'transparent', 'st-policy-preview-padding': stPreviewPadding = '0', ...props }, ref) => {
185
- const availablePolicies = props?.['active-policies'].map((id) => ({
185
+ const availablePolicies = props?.['active-policies']?.map((id) => ({
186
186
  id,
187
187
  message: props[`data-password-policy-message-${id}`],
188
188
  pattern: props[`data-password-policy-pattern-${id}`],
@@ -400,6 +400,7 @@ const themeVars = themeVars$1;
400
400
  const defaultTheme = defaultTheme$1;
401
401
  const darkTheme = darkTheme$1;
402
402
  // component classes
403
+ const IconClass = IconClass$1;
403
404
  const CheckboxClass = CheckboxClass$1;
404
405
  const SwitchToggleClass = SwitchToggleClass$1;
405
406
  const ButtonClass = ButtonClass$1;
@@ -427,7 +428,6 @@ const RecaptchaClass = RecaptchaClass$1;
427
428
  const UploadFileClass = UploadFileClass$1;
428
429
  const ButtonSelectionGroupClass = ButtonSelectionGroupClass$1;
429
430
  const ButtonMultiSelectionGroupClass = ButtonMultiSelectionGroupClass$1;
430
- const ButtonSelectionGroupItemClass = ButtonSelectionGroupItemClass$1;
431
431
  const ModalClass = ModalClass$1;
432
432
  const NotificationClass = NotificationClass$1;
433
433
  const GridClass = GridClass$1;
@@ -440,12 +440,11 @@ const MappingsFieldClass = MappingsFieldClass$1;
440
440
  const SamlGroupMappingsClass = SamlGroupMappingsClass$1;
441
441
  const PolicyValidationClass = PolicyValidationClass$1;
442
442
  const CodeSnippetClass = CodeSnippetClass$1;
443
+ const ComboBoxClass = ComboBoxClass$1;
443
444
  const RadioGroupClass = RadioGroupClass$1;
444
- const RadioButtonClass = RadioButtonClass$1;
445
445
  const DateFieldClass = DateFieldClass$1;
446
446
  const CalendarClass = CalendarClass$1;
447
447
  const ListClass = ListClass$1;
448
- const ListItemClass = ListItemClass$1;
449
448
  const AppsListClass = AppsListClass$1;
450
449
  const ScopesListClass = ScopesListClass$1;
451
450
  const ThirdPartyAppLogoClass = ThirdPartyAppLogoClass$1;
@@ -454,4 +453,4 @@ const SecurityQuestionsVerifyClass = SecurityQuestionsVerifyClass$1;
454
453
  const HybridFieldClass = HybridFieldClass$1;
455
454
  const AlertClass = AlertClass$1;
456
455
 
457
- export { Alert, AlertClass, AppsList, AppsListClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, ButtonSelectionGroupItemClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, ComboBox, Container, ContainerClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, HybridFieldClass, Image, ImageClass, Input, Link, LinkClass, List, ListClass, ListItem, ListItemClass, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioButtonClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TotpImageClass, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, apple, authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, discord, edit, facebook, fingerprint, genColor, github, gitlab, globalsThemeToStyle, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, themeToStyle, themeVars, whatsapp };
456
+ export { Alert, AlertClass, AppsList, AppsListClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, ComboBox, ComboBoxClass, Container, ContainerClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TotpImageClass, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, apple, authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, discord, edit, facebook, fingerprint, genColor, github, gitlab, globalsThemeToStyle, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, themeToStyle, themeVars, whatsapp };
package/dist/types/src/index.d.ts CHANGED
@@ -1,74 +1,87 @@
1
1
  type ComponentClass = {
2
2
  cssVarList: Record<string, string>;
3
3
  };
4
+ type CountryCode = {
5
+ name: string;
6
+ dialCode: string;
7
+ code: string;
8
+ };
4
9
  interface IComponentThemeManager {
5
- currentThemeName: string[];
6
- currentTheme: () => string;
10
+ currentThemeName: string;
11
+ currentTheme: Theme;
7
12
  themes: Record<string, string>;
8
- hasThemes: () => boolean;
13
+ hasThemes: boolean;
9
14
  }
15
+ type Palette = {
16
+ main: string;
17
+ light: string;
18
+ highlight: string;
19
+ dark: string;
20
+ contrast: string;
21
+ };
10
22
  declare const globalsThemeToStyle: (theme: string, themeName: string) => string;
11
23
  declare const createComponentsTheme: (componentsTheme: Record<string, string>) => Record<string, any>;
12
24
  declare const themeToStyle: (theme: Theme, themeName?: string) => Record<string, any>;
13
25
  declare const componentsThemeManager: IComponentThemeManager;
14
- declare const genColor: (val: string, theme?: string) => Record<string, string>;
26
+ declare const genColor: (val: string, theme?: string) => Palette;
15
27
  declare const themeVars: Theme;
16
28
  declare const defaultTheme: Theme;
17
29
  declare const darkTheme: Theme;
18
- declare const CheckboxClass: ComponentClass;
19
- declare const SwitchToggleClass: ComponentClass;
20
- declare const ButtonClass: ComponentClass;
21
- declare const LoaderLinearClass: ComponentClass;
22
- declare const LoaderRadialClass: ComponentClass;
23
- declare const ContainerClass: ComponentClass;
24
- declare const DividerClass: ComponentClass;
25
- declare const EmailFieldClass: ComponentClass;
26
- declare const LinkClass: ComponentClass;
27
- declare const LogoClass: ComponentClass;
28
- declare const TotpImageClass: ComponentClass;
29
- declare const NotpImageClass: ComponentClass;
30
- declare const NumberFieldClass: ComponentClass;
31
- declare const PasscodeClass: ComponentClass;
32
- declare const PasswordClass: ComponentClass;
33
- declare const TextClass: ComponentClass;
34
- declare const EnrichedTextClass: ComponentClass;
35
- declare const TextAreaClass: ComponentClass;
36
- declare const TextFieldClass: ComponentClass;
37
- declare const ImageClass: ComponentClass;
38
- declare const PhoneFieldClass: ComponentClass;
39
- declare const PhoneFieldInputBoxClass: ComponentClass;
40
- declare const NewPasswordClass: ComponentClass;
41
- declare const RecaptchaClass: ComponentClass;
42
- declare const UploadFileClass: ComponentClass;
43
- declare const ButtonSelectionGroupClass: ComponentClass;
44
- declare const ButtonMultiSelectionGroupClass: ComponentClass;
45
- declare const ButtonSelectionGroupItemClass: ComponentClass;
46
- declare const ModalClass: ComponentClass;
47
- declare const NotificationClass: ComponentClass;
48
- declare const GridClass: ComponentClass;
49
- declare const BadgeClass: ComponentClass;
50
- declare const MultiSelectComboBoxClass: ComponentClass;
51
- declare const AvatarClass: ComponentClass;
52
- declare const UserAttributeClass: ComponentClass;
53
- declare const UserAuthMethodClass: ComponentClass;
54
- declare const MappingsFieldClass: ComponentClass;
55
- declare const SamlGroupMappingsClass: ComponentClass;
56
- declare const PolicyValidationClass: ComponentClass;
57
- declare const CodeSnippetClass: ComponentClass;
58
- declare const RadioGroupClass: ComponentClass;
59
- declare const RadioButtonClass: ComponentClass;
60
- declare const DateFieldClass: ComponentClass;
61
- declare const CalendarClass: ComponentClass;
62
- declare const ListClass: ComponentClass;
63
- declare const ListItemClass: ComponentClass;
64
- declare const AppsListClass: ComponentClass;
65
- declare const ScopesListClass: ComponentClass;
66
- declare const ThirdPartyAppLogoClass: ComponentClass;
67
- declare const SecurityQuestionsSetupClass: ComponentClass;
68
- declare const SecurityQuestionsVerifyClass: ComponentClass;
69
- declare const HybridFieldClass: ComponentClass;
70
- declare const AlertClass: ComponentClass;
71
- export { globalsThemeToStyle, createComponentsTheme, themeToStyle, componentsThemeManager, darkTheme, genColor, defaultTheme, themeVars, CheckboxClass, SwitchToggleClass, ButtonClass, LoaderLinearClass, LoaderRadialClass, ContainerClass, DividerClass, EmailFieldClass, LinkClass, LogoClass, TotpImageClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, TextClass, EnrichedTextClass, TextAreaClass, TextFieldClass, ImageClass, PhoneFieldClass, PhoneFieldInputBoxClass, NewPasswordClass, RecaptchaClass, UploadFileClass, ButtonSelectionGroupClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupItemClass, ModalClass, NotificationClass, GridClass, BadgeClass, MultiSelectComboBoxClass, AvatarClass, UserAttributeClass, UserAuthMethodClass, MappingsFieldClass, SamlGroupMappingsClass, PolicyValidationClass, CodeSnippetClass, RadioGroupClass, RadioButtonClass, DateFieldClass, CalendarClass, ListClass, ListItemClass, AppsListClass, ScopesListClass, ThirdPartyAppLogoClass, SecurityQuestionsSetupClass, SecurityQuestionsVerifyClass, HybridFieldClass, AlertClass };
30
+ export declare const IconClass: ComponentClass;
31
+ export declare const CheckboxClass: ComponentClass;
32
+ export declare const SwitchToggleClass: ComponentClass;
33
+ export declare const ButtonClass: ComponentClass;
34
+ export declare const LoaderLinearClass: ComponentClass;
35
+ export declare const LoaderRadialClass: ComponentClass;
36
+ export declare const ContainerClass: ComponentClass;
37
+ export declare const DividerClass: ComponentClass;
38
+ export declare const EmailFieldClass: ComponentClass;
39
+ export declare const LinkClass: ComponentClass;
40
+ export declare const LogoClass: ComponentClass;
41
+ export declare const TotpImageClass: ComponentClass;
42
+ export declare const NotpImageClass: ComponentClass;
43
+ export declare const NumberFieldClass: ComponentClass;
44
+ export declare const PasscodeClass: ComponentClass;
45
+ export declare const PasswordClass: ComponentClass;
46
+ export declare const TextClass: ComponentClass;
47
+ export declare const EnrichedTextClass: ComponentClass;
48
+ export declare const TextAreaClass: ComponentClass;
49
+ export declare const TextFieldClass: ComponentClass;
50
+ export declare const ImageClass: ComponentClass;
51
+ export declare const PhoneFieldClass: ComponentClass & {
52
+ CountryCodes: CountryCode[];
53
+ };
54
+ export declare const PhoneFieldInputBoxClass: ComponentClass;
55
+ export declare const NewPasswordClass: ComponentClass;
56
+ export declare const RecaptchaClass: ComponentClass;
57
+ export declare const UploadFileClass: ComponentClass;
58
+ export declare const ButtonSelectionGroupClass: ComponentClass;
59
+ export declare const ButtonMultiSelectionGroupClass: ComponentClass;
60
+ export declare const ModalClass: ComponentClass;
61
+ export declare const NotificationClass: ComponentClass;
62
+ export declare const GridClass: ComponentClass;
63
+ export declare const BadgeClass: ComponentClass;
64
+ export declare const MultiSelectComboBoxClass: ComponentClass;
65
+ export declare const AvatarClass: ComponentClass;
66
+ export declare const UserAttributeClass: ComponentClass;
67
+ export declare const UserAuthMethodClass: ComponentClass;
68
+ export declare const MappingsFieldClass: ComponentClass;
69
+ export declare const SamlGroupMappingsClass: ComponentClass;
70
+ export declare const PolicyValidationClass: ComponentClass;
71
+ export declare const CodeSnippetClass: ComponentClass;
72
+ export declare const ComboBoxClass: ComponentClass;
73
+ export declare const RadioGroupClass: ComponentClass;
74
+ export declare const DateFieldClass: ComponentClass;
75
+ export declare const CalendarClass: ComponentClass;
76
+ export declare const ListClass: ComponentClass;
77
+ export declare const AppsListClass: ComponentClass;
78
+ export declare const ScopesListClass: ComponentClass;
79
+ export declare const ThirdPartyAppLogoClass: ComponentClass;
80
+ export declare const SecurityQuestionsSetupClass: ComponentClass;
81
+ export declare const SecurityQuestionsVerifyClass: ComponentClass;
82
+ export declare const HybridFieldClass: ComponentClass;
83
+ export declare const AlertClass: ComponentClass;
84
+ export { globalsThemeToStyle, createComponentsTheme, themeToStyle, componentsThemeManager, darkTheme, genColor, defaultTheme, themeVars };
72
85
  export type Theme = {
73
86
  globals: {
74
87
  colors: Record<string, string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope/flow-components",
3
- "version": "2.0.416",
3
+ "version": "2.0.418",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",