@descope/flow-components 3.0.10 → 3.1.1

package/dist/fm/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.0.10",
+      "buildVersion": "3.1.1",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/fm/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.0.10",
+      "buildVersion": "3.1.1",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/index.cjs.js

@@ -105152,6 +105152,9 @@ const Recaptcha = React__default.default.forwardRef(({ variant, textLabel = defa
 
 const defaultText$1 = 'This site is protected by reCAPTCHA and the Google [Privacy Policy](https://policies.google.com/privacy) and [Terms of Service](https://policies.google.com/terms) apply.';
 const RecaptchaV2 = React__default.default.forwardRef(({ textLabel = defaultText$1, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, readOnly, connector: _connector, enterprise: _enterprise, action: _action, variant = 'text', src, width, height, ...props }, ref) => {
+    if (variant === 'hide') {
+        return null;
+    }
     if (variant === 'image') {
         return (React__default.default.createElement("descope-image", { ref: ref, "full-width": fullWidth, "st-width": width, "st-height": height, src: src, ...props }));
     }

package/dist/index.d.ts

@@ -101,6 +101,7 @@ type MultiSelectProps = {
     'default-values'?: string[];
 };
 type LabelType = 'static' | 'floating';
+type CaptchaVariants = 'text' | 'image' | 'widget' | 'hide';
 
 declare global {
     namespace React.JSX {
@@ -123,11 +124,11 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
 type BooleanType = {
     type: 'switch' | 'checkbox';
 };
-type Props$K = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
-declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$K, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type Props$L = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
+declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$L, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'start' | 'start-top' | 'start-bottom' | 'end' | 'end-top' | 'end-bottom';
-type Props$J = {
+type Props$K = {
     text?: string;
     position?: TooltipPosition;
     hoverDelay?: number;
@@ -145,7 +146,7 @@ declare module 'react' {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-tooltip': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$J;
+            'descope-tooltip': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$K;
         }
     }
 }
@@ -186,17 +187,17 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     'data-name'?: string;
 } & ITooltip, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type Props$I = {
+type Props$J = {
     digits?: number;
 };
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-passcode': DescopeInputProps & Props$I;
+            'descope-passcode': DescopeInputProps & Props$J;
         }
     }
 }
-declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$I, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$J, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
     namespace React.JSX {
@@ -207,7 +208,7 @@ declare global {
 }
 declare const Container$1: React.ForwardRefExoticComponent<any>;
 
-type Props$H = {
+type Props$I = {
     vertical?: boolean;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -217,15 +218,15 @@ type Props$H = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$H, 'children'>;
+            'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$I, 'children'>;
         }
     }
 }
-declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<any, "size"> & Props$H, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<any, "size"> & Props$I, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const ReactComponent: (props: SVGProps) => React.JSX.Element;
 
-type Props$G = {
+type Props$H = {
     width?: string;
     height?: string;
     alt?: string;
@@ -235,7 +236,7 @@ type Props$G = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$G;
+            'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$H;
         }
     }
 }
@@ -243,7 +244,7 @@ declare const Image: React.ForwardRefExoticComponent<any>;
 
 declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$F = {
+type Props$G = {
     href?: string | undefined;
     italic?: boolean;
     variant?: TypographyVariants;
@@ -255,7 +256,7 @@ type Props$F = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$F, 'children'>;
+            'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$G, 'children'>;
         }
     }
 }
@@ -269,12 +270,12 @@ declare const Link: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
 } & ITooltip & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$E = {
+type Props$F = {
     variant?: 'linear' | 'radial';
     size?: 'xs' | 'sm' | 'md' | 'lg';
     color?: Mode;
 };
-type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$E>;
+type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$F>;
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
@@ -283,22 +284,22 @@ declare global {
         }
     }
 }
-declare const Loader: React.ForwardRefExoticComponent<Props$E & React.RefAttributes<HTMLDivElement>>;
+declare const Loader: React.ForwardRefExoticComponent<Props$F & React.RefAttributes<HTMLDivElement>>;
 
-type Props$D = {
+type Props$E = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$D>;
+            'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$E>;
         }
     }
 }
-declare const Logo: React.ForwardRefExoticComponent<Props$D & React.RefAttributes<HTMLDivElement>>;
+declare const Logo: React.ForwardRefExoticComponent<Props$E & React.RefAttributes<HTMLDivElement>>;
 
-type Props$C = {
+type Props$D = {
     'password-label'?: string;
     'password-placeholder'?: string;
     'confirm-label'?: string;
@@ -325,11 +326,11 @@ type Props$C = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-new-password': DescopeInputProps & Props$C;
+            'descope-new-password': DescopeInputProps & Props$D;
         }
     }
 }
-declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$C, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$D, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare global {
     namespace React.JSX {
@@ -349,7 +350,7 @@ declare global {
 }
 declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$B = {
+type Props$C = {
     variant: 'countrySelection' | 'inputBox';
     'default-code'?: string;
     'phone-input-placeholder'?: string;
@@ -358,9 +359,9 @@ type Props$B = {
     'format-value'?: boolean;
     'strict-validation'?: boolean;
 } & DescopeInputProps;
-declare const Phone: React.ForwardRefExoticComponent<Omit<Props$B, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<Omit<Props$C, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$A = {
+type Props$B = {
     children?: React.JSX.Element[];
     data?: string | Record<string, string>[];
 };
@@ -373,9 +374,9 @@ declare global {
         }
     }
 }
-declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$A, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$B, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$z = {
+type Props$A = {
     italic?: boolean;
     variant?: string;
     mode?: string;
@@ -387,8 +388,8 @@ type Props$z = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$z;
-            'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$z & {
+            'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$A;
+            'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$A & {
                 readonly?: boolean;
             };
         }
@@ -424,7 +425,7 @@ declare global {
 }
 declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
-type Props$y = {
+type Props$z = {
     width?: string;
     height?: string;
     component?: 'code' | 'text';
@@ -437,7 +438,7 @@ type Props$y = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$y>;
+            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$z>;
         }
     }
 }
@@ -452,26 +453,26 @@ declare const TOTPImage: React.ForwardRefExoticComponent<{
     'hide-when-empty'?: boolean;
 } & ITooltip & React.RefAttributes<HTMLDivElement>>;
 
-type Props$x = Omit<React.ComponentProps<typeof Link>, 'href'>;
-declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$x, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type Props$y = Omit<React.ComponentProps<typeof Link>, 'href'>;
+declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$y, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$w = {
+type Props$x = {
     width?: string;
     height?: string;
 };
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$w>;
+            'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$x>;
         }
     }
 }
-declare const NOTPImage: React.ForwardRefExoticComponent<Props$w & React.RefAttributes<HTMLDivElement>>;
+declare const NOTPImage: React.ForwardRefExoticComponent<Props$x & React.RefAttributes<HTMLDivElement>>;
 
-type Props$v = Omit<React.ComponentProps<typeof Link>, 'href'>;
-declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$v, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type Props$w = Omit<React.ComponentProps<typeof Link>, 'href'>;
+declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$w, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 
-type Props$u = {
+type Props$v = {
     title?: string;
     description?: string;
     icon?: string;
@@ -490,13 +491,13 @@ type Props$u = {
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$u;
+            'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$v;
         }
     }
 }
 declare const UploadFile: React.ForwardRefExoticComponent<any>;
 
-type Props$t = {
+type Props$u = {
     enabled?: boolean;
     'site-key'?: string;
     enterprise?: boolean;
@@ -515,13 +516,28 @@ declare global {
     }
     namespace React.JSX {
         interface IntrinsicElements {
-            'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$t;
+            'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$u;
         }
     }
 }
 declare const Recaptcha: React.ForwardRefExoticComponent<any>;
 
-declare const RecaptchaV2: React.ForwardRefExoticComponent<any>;
+type Props$t = {
+    connector?: string;
+    enterprise?: boolean;
+    action?: string;
+    textLabel?: string;
+    textVariant?: TypographyVariants;
+    textMode?: Mode;
+    textAlign?: TextAlign;
+    'full-width'?: boolean;
+    readOnly?: boolean;
+    variant?: CaptchaVariants;
+    src?: string;
+    width?: string;
+    height?: string;
+};
+declare const RecaptchaV2: React.ForwardRefExoticComponent<Props$t & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
 
 type Props$s = DescopeInputProps & {
     'default-value'?: string;

package/dist/index.esm.js

@@ -391,6 +391,9 @@ const Recaptcha = React.forwardRef(({ variant, textLabel = defaultText$2, textVa
 
 const defaultText$1 = 'This site is protected by reCAPTCHA and the Google [Privacy Policy](https://policies.google.com/privacy) and [Terms of Service](https://policies.google.com/terms) apply.';
 const RecaptchaV2 = React.forwardRef(({ textLabel = defaultText$1, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, readOnly, connector: _connector, enterprise: _enterprise, action: _action, variant = 'text', src, width, height, ...props }, ref) => {
+    if (variant === 'hide') {
+        return null;
+    }
     if (variant === 'image') {
         return (React.createElement("descope-image", { ref: ref, "full-width": fullWidth, "st-width": width, "st-height": height, src: src, ...props }));
     }

package/dist/types/RecaptchaV2/RecaptchaV2.d.ts

@@ -1,3 +1,19 @@
 import React from 'react';
-declare const RecaptchaV2: React.ForwardRefExoticComponent<any>;
+import { CaptchaVariants, Mode, TextAlign, TypographyVariants } from '../types';
+type Props = {
+    connector?: string;
+    enterprise?: boolean;
+    action?: string;
+    textLabel?: string;
+    textVariant?: TypographyVariants;
+    textMode?: Mode;
+    textAlign?: TextAlign;
+    'full-width'?: boolean;
+    readOnly?: boolean;
+    variant?: CaptchaVariants;
+    src?: string;
+    width?: string;
+    height?: string;
+};
+declare const RecaptchaV2: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
 export default RecaptchaV2;

package/dist/types/types.d.ts

@@ -34,5 +34,5 @@ export type MultiSelectProps = {
     'default-values'?: string[];
 };
 export type LabelType = 'static' | 'floating';
-export type CaptchaVariants = 'text' | 'image' | 'widget';
+export type CaptchaVariants = 'text' | 'image' | 'widget' | 'hide';
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.0.10",
+  "version": "3.1.1",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -51,7 +51,7 @@
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "autoprefixer": "^10.4.8",
-    "babel-jest": "30.2.0",
+    "babel-jest": "30.3.0",
     "eslint": "10.0.3",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "18.0.0",
@@ -72,7 +72,7 @@
     "eslint-plugin-testing-library": "^7.0.0",
     "husky": "^9.0.0",
     "jest": "^30.0.0",
-    "jest-environment-jsdom": "30.2.0",
+    "jest-environment-jsdom": "30.3.0",
     "lint-staged": "^16.0.0",
     "postcss": "^8.4.14",
     "prettier": "3.8.1",
@@ -97,7 +97,7 @@
     "webpack-subresource-integrity": "5.2.0-rc.1"
   },
   "dependencies": {
-    "@descope/web-components-ui": "3.0.10"
+    "@descope/web-components-ui": "3.1.1"
   },
   "peerDependencies": {
     "react": ">= 18"