@descope/flow-components 2.0.235 → 2.0.237

package/dist/index.cjs.js

@@ -394,6 +394,26 @@ MappingsField.defaultProps = {
     size: 'md'
 };
 
+const SAMLGroupMappings = React__default.default.forwardRef(({ options, ...props }, ref) => {
+    const serializedOptions = React.useMemo(() => {
+        if (!options)
+            return undefined;
+        try {
+            return JSON.stringify(options);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error('could not parse data string from attribute "options" -', e.message);
+            return '';
+        }
+    }, [options]);
+    return (React__default.default.createElement("descope-saml-group-mappings", { ...props, options: serializedOptions ?? undefined, ref: ref }));
+});
+SAMLGroupMappings.defaultProps = {
+    // eslint-disable-next-line react/default-props-match-prop-types
+    size: 'md'
+};
+
 exports.Badge = Badge;
 exports.Boolean = Boolean;
 exports.Button = Button;
@@ -421,6 +441,7 @@ exports.NumberField = NumberField;
 exports.Password = Password;
 exports.Phone = Phone;
 exports.Recaptcha = Recaptcha;
+exports.SAMLGroupMappings = SAMLGroupMappings;
 exports.Select = Select;
 exports.SingleSelect = SingleSelect;
 exports.Switch = Switch;

package/dist/index.d.ts

@@ -49,8 +49,8 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
 type BooleanType = {
     type: 'switch' | 'checkbox';
 };
-type Props$q = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
-declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$q, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type Props$r = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
+declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$r, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
     namespace JSX {
@@ -72,17 +72,17 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     'full-width'?: boolean;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type Props$p = {
+type Props$q = {
     digits?: number;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-passcode': DescopeInputProps & Props$p;
+            'descope-passcode': DescopeInputProps & Props$q;
         }
     }
 }
-declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$p, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$q, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Never<T extends Record<string, any>> = {
     [K in keyof T]: never;
@@ -98,7 +98,7 @@ type ContainerAlignment = {
     'vertical-alignment'?: FlexAlignment;
     'space-between'?: 'sm' | 'md' | 'lg';
 };
-type Props$o = {
+type Props$p = {
     direction?: 'row' | 'column';
     shadow?: 'md' | 'lg' | 'xl' | '2xl';
     'border-radius'?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
@@ -114,9 +114,9 @@ declare global {
         }
     }
 }
-declare const Container: React.ForwardRefExoticComponent<(Props$o & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
+declare const Container: React.ForwardRefExoticComponent<(Props$p & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
 
-type Props$n = {
+type Props$o = {
     vertical?: boolean;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -126,11 +126,11 @@ type Props$n = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$n, 'children'>;
+            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$o, 'children'>;
         }
     }
 }
-declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$n, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$o, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const _default$b: ({ noColor }: {
     noColor: any;
@@ -184,7 +184,7 @@ declare const WhatsAppIcon: ({ noColor }: {
     noColor: any;
 }) => React.JSX.Element;
 
-type Props$m = {
+type Props$n = {
     width?: string;
     height?: string;
     alt?: string;
@@ -193,15 +193,15 @@ type Props$m = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$m;
+            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$n;
         }
     }
 }
-declare const Image: React.ForwardRefExoticComponent<Props$m & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const Image: React.ForwardRefExoticComponent<Props$n & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 
 declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$l = {
+type Props$m = {
     href?: string | undefined;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -213,18 +213,18 @@ type Props$l = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$l, 'children'>;
+            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$m, 'children'>;
         }
     }
 }
-declare const Link: React.ForwardRefExoticComponent<Props$l & React.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React.ForwardRefExoticComponent<Props$m & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$k = {
+type Props$l = {
     variant?: 'linear' | 'radial';
     size?: 'xs' | 'sm' | 'md' | 'lg';
     color?: Mode;
 };
-type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$k>;
+type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$l>;
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -233,22 +233,22 @@ declare global {
         }
     }
 }
-declare const Loader: React.ForwardRefExoticComponent<Props$k & React.RefAttributes<HTMLDivElement>>;
+declare const Loader: React.ForwardRefExoticComponent<Props$l & React.RefAttributes<HTMLDivElement>>;
 
-type Props$j = {
+type Props$k = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$j>;
+            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$k>;
         }
     }
 }
-declare const Logo: React.ForwardRefExoticComponent<Props$j & React.RefAttributes<HTMLDivElement>>;
+declare const Logo: React.ForwardRefExoticComponent<Props$k & React.RefAttributes<HTMLDivElement>>;
 
-type Props$i = {
+type Props$j = {
     'password-label'?: string;
     'password-placeholder'?: string;
     'confirm-label'?: string;
@@ -258,11 +258,11 @@ type Props$i = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-new-password': DescopeInputProps & Props$i;
+            'descope-new-password': DescopeInputProps & Props$j;
         }
     }
 }
-declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$i, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$j, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
     namespace JSX {
@@ -282,16 +282,16 @@ declare global {
 }
 declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$h = {
+type Props$i = {
     variant: 'countrySelection' | 'inputBox';
     'default-code'?: string;
     'phone-input-placeholder'?: string;
     'country-input-placeholder'?: string;
     'restrict-countries'?: string;
 } & DescopeInputProps;
-declare const Phone: React.ForwardRefExoticComponent<Omit<Props$h, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<Omit<Props$i, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$g = {
+type Props$h = {
     children?: JSX.Element[];
     data?: string | Record<string, string>[];
 };
@@ -304,9 +304,9 @@ declare global {
         }
     }
 }
-declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$g, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$h, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$f = {
+type Props$g = {
     italic?: boolean;
     variant?: string;
     mode?: string;
@@ -316,11 +316,11 @@ type Props$f = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$f;
+            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$g;
         }
     }
 }
-declare const Text: React.ForwardRefExoticComponent<Omit<Props$f & {
+declare const Text: React.ForwardRefExoticComponent<Omit<Props$g & {
     typography?: TypographyVariants;
 } & Omit<React.HTMLProps<HTMLSpanElement>, "mode">, "ref"> & React.RefAttributes<HTMLElement>>;
 
@@ -342,39 +342,39 @@ declare global {
 }
 declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$e = {
+type Props$f = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$e>;
+            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$f>;
         }
     }
 }
-declare const TOTPImage: React.ForwardRefExoticComponent<Props$e & React.RefAttributes<HTMLDivElement>>;
+declare const TOTPImage: React.ForwardRefExoticComponent<Props$f & React.RefAttributes<HTMLDivElement>>;
 
-type Props$d = Omit<React.ComponentProps<typeof Link>, 'href'>;
-declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$d, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type Props$e = Omit<React.ComponentProps<typeof Link>, 'href'>;
+declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$e, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$c = {
+type Props$d = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$c>;
+            'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$d>;
         }
     }
 }
-declare const NOTPImage: React.ForwardRefExoticComponent<Props$c & React.RefAttributes<HTMLDivElement>>;
+declare const NOTPImage: React.ForwardRefExoticComponent<Props$d & React.RefAttributes<HTMLDivElement>>;
 
-type Props$b = Omit<React.ComponentProps<typeof Link>, 'href'>;
-declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$b, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type Props$c = Omit<React.ComponentProps<typeof Link>, 'href'>;
+declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$c, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$a = {
+type Props$b = {
     title?: string;
     description?: string;
     icon?: string;
@@ -393,13 +393,13 @@ type Props$a = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$a;
+            'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$b;
         }
     }
 }
-declare const UploadFile: React.ForwardRefExoticComponent<Props$a & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const UploadFile: React.ForwardRefExoticComponent<Props$b & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-type Props$9 = {
+type Props$a = {
     enabled?: boolean;
     'site-key'?: string;
     enterprise?: boolean;
@@ -411,20 +411,20 @@ declare global {
     }
     namespace JSX {
         interface IntrinsicElements {
-            'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$9;
+            'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$a;
         }
     }
 }
-declare const Recaptcha: React.ForwardRefExoticComponent<Props$9 & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Recaptcha: React.ForwardRefExoticComponent<Props$a & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-type Props$8 = DescopeInputProps & {
+type Props$9 = DescopeInputProps & {
     'default-value'?: string;
     'allow-deselect'?: boolean;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-button-selection-group': Props$8;
+            'descope-button-selection-group': Props$9;
             'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
                 value: string;
                 children: string;
@@ -439,19 +439,19 @@ declare const ButtonSelectionGroup: React.ForwardRefExoticComponent<Omit<HTMLInp
     children?: JSX.Element[];
 }, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Item$2 = {
+type Item$3 = {
     label: string;
     value: string;
 };
 type SingleSelectType = {
     variant?: 'buttonSelectionGroup' | 'combobox';
-    data?: Item$2[];
+    data?: Item$3[];
     allowClearValue?: boolean;
 };
-type Props$7 = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
-declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$7, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type Props$8 = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
+declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$8, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$6 = DescopeInputProps & {
+type Props$7 = DescopeInputProps & {
     'default-value'?: string;
     'item-label-path'?: string;
     'item-value-path'?: string;
@@ -459,7 +459,7 @@ type Props$6 = DescopeInputProps & {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-combobox': Props$6;
+            'descope-combobox': Props$7;
         }
     }
 }
@@ -481,7 +481,7 @@ type Column = {
         resizable: boolean;
     };
 };
-type Props$5 = {
+type Props$6 = {
     identifier: any;
     children?: JSX.Element[];
     size?: Omit<ComponentSize, 'xl'>;
@@ -497,7 +497,7 @@ declare global {
         }
     }
 }
-declare const Grid: React.ForwardRefExoticComponent<Props$5 & React.RefAttributes<HTMLInputElement>>;
+declare const Grid: React.ForwardRefExoticComponent<Props$6 & React.RefAttributes<HTMLInputElement>>;
 
 type ColumnProps = {
     sortable?: boolean;
@@ -537,7 +537,7 @@ declare global {
 }
 declare const GridTextColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
 
-type Props$4 = {
+type Props$5 = {
     mode?: string;
     size?: string;
     bordered?: boolean;
@@ -546,11 +546,11 @@ type Props$4 = {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$4;
+            'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$5;
         }
     }
 }
-declare const Badge: React.ForwardRefExoticComponent<Props$4 & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const Badge: React.ForwardRefExoticComponent<Props$5 & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 
 declare global {
     namespace JSX {
@@ -559,12 +559,12 @@ declare global {
         }
     }
 }
-type Props$3 = {
+type Props$4 = {
     opened?: boolean;
 };
-declare const Modal: React.ForwardRefExoticComponent<Props$3 & React.RefAttributes<HTMLDivElement>>;
+declare const Modal: React.ForwardRefExoticComponent<Props$4 & React.RefAttributes<HTMLDivElement>>;
 
-type Props$2 = DescopeInputProps & {
+type Props$3 = DescopeInputProps & {
     size?: 'xs' | 'sm' | 'md' | 'lg';
     'min-items-selection'?: number;
     'max-items-selection'?: number;
@@ -572,7 +572,7 @@ type Props$2 = DescopeInputProps & {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-button-multi-selection-group': Props$2 & {
+            'descope-button-multi-selection-group': Props$3 & {
                 'default-values'?: string;
             };
             'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
@@ -588,20 +588,45 @@ declare const ButtonMultiSelectionGroup: React.ForwardRefExoticComponent<Omit<HT
     'max-items-selection'?: number;
 } & MultiSelectProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Item$1 = {
+type Item$2 = {
     label: string;
     value: string;
 };
 type MultiSelectType = {
     variant?: 'buttonSelectionGroup' | 'combobox' | 'dynamicCombobox';
-    data?: Item$1[];
+    data?: Item$2[];
     'min-items-selection'?: number;
     'max-items-selection'?: number;
 };
-type Props$1 = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
+type Props$2 = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
     'default-values'?: string[];
 };
-declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$1, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$2, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type Item$1 = {
+    label: string;
+    value: string;
+};
+type Props$1 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
+    'label-value'?: string;
+    'label-attr'?: string;
+    'button-label'?: string;
+    separator?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    'default-values'?: Record<string, string>[];
+    options?: Item$1[];
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'descope-mappings-field': Omit<Props$1, 'default-values' | 'options'> & {
+                'default-values'?: string;
+                options?: string;
+            };
+        }
+    }
+}
+declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$1, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Item = {
     label: string;
@@ -610,22 +635,21 @@ type Item = {
 type Props = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
     'label-value'?: string;
     'label-attr'?: string;
+    'label-group'?: string;
     'button-label'?: string;
     separator?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg';
-    'default-values'?: Record<string, string>[];
     options?: Item[];
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'descope-mappings-field': Omit<Props, 'default-values' | 'options'> & {
-                'default-values'?: string;
+            'descope-saml-group-mappings': Omit<Props, 'options'> & {
                 options?: string;
             };
         }
     }
 }
-declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, _default$b as apple, _default$2 as discord, _default$a as facebook, _default$8 as fingerprint, _default$6 as github, _default$5 as gitlab, _default$4 as google, _default$1 as linkedin, _default$3 as microsoft, _default$7 as passkey, _default$9 as slack, _default as sso, WhatsAppIcon as whatsapp };
+export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, _default$b as apple, _default$2 as discord, _default$a as facebook, _default$8 as fingerprint, _default$6 as github, _default$5 as gitlab, _default$4 as google, _default$1 as linkedin, _default$3 as microsoft, _default$7 as passkey, _default$9 as slack, _default as sso, WhatsAppIcon as whatsapp };

package/dist/index.esm.js

@@ -388,4 +388,24 @@ MappingsField.defaultProps = {
     size: 'md'
 };
 
-export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, slack, sso, WhatsAppIcon as whatsapp };
+const SAMLGroupMappings = React.forwardRef(({ options, ...props }, ref) => {
+    const serializedOptions = useMemo(() => {
+        if (!options)
+            return undefined;
+        try {
+            return JSON.stringify(options);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error('could not parse data string from attribute "options" -', e.message);
+            return '';
+        }
+    }, [options]);
+    return (React.createElement("descope-saml-group-mappings", { ...props, options: serializedOptions ?? undefined, ref: ref }));
+});
+SAMLGroupMappings.defaultProps = {
+    // eslint-disable-next-line react/default-props-match-prop-types
+    size: 'md'
+};
+
+export { Badge, Boolean, Button, Checkbox, Code, ComboBox, Container, Divider, Grid, GridCustomColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, slack, sso, WhatsAppIcon as whatsapp };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.235",
+	"version": "2.0.237",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -69,7 +69,7 @@
 		"eslint-import-resolver-typescript": "3.6.1",
 		"eslint-plugin-import": "2.29.1",
 		"eslint-plugin-jest": "27.9.0",
-		"eslint-plugin-jest-dom": "5.1.0",
+		"eslint-plugin-jest-dom": "5.2.0",
 		"eslint-plugin-jest-formatting": "3.1.0",
 		"eslint-plugin-jsx-a11y": "^6.6.1",
 		"eslint-plugin-n": "16.6.2",
@@ -100,7 +100,7 @@
 		"typescript": "^5.0.0"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.0.289"
+		"@descope/web-components-ui": "1.0.291"
 	},
 	"peerDependencies": {
 		"react": ">=17"