@descope/flow-components 2.0.114 → 2.0.115

package/dist/index.cjs.js

@@ -207,7 +207,16 @@ const Logo = React__default.default.forwardRef(({ width, height, ...props }, ref
 
 const NewPassword = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-new-password", { ...props, ref: ref }));
 
-const Phone = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-phone-field", { ...props, ref: ref }));
+const PhoneCountrySelection = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-phone-field", { ...props, ref: ref }));
+
+const PhoneInputBox = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-phone-input-box-field", { ...props, ref: ref }));
+
+const Phone = React__default.default.forwardRef(({ variant, ...props }, ref) => {
+    if (variant === 'inputBox') {
+        return React__default.default.createElement(PhoneInputBox, { ...props, ref: ref });
+    }
+    return React__default.default.createElement(PhoneCountrySelection, { ...props, ref: ref });
+});
 
 const Select = React__default.default.forwardRef(({ children, ...restProps }, ref) => (React__default.default.createElement("descope-combo-box", { ...restProps, ref: ref }, children)));
 Select.defaultProps = {

package/dist/index.d.ts

@@ -273,18 +273,13 @@ declare global {
 declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Props$6 = {
+    variant: 'countrySelection' | 'inputBox';
     'default-code'?: string;
     'phone-input-placeholder'?: string;
     'country-input-placeholder'?: string;
+    'restrict-countries'?: string;
 };
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'descope-phone-field': DescopeInputProps & Props$6;
-        }
-    }
-}
-declare const Phone: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$6, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<Props$6 & React.RefAttributes<HTMLInputElement>>;
 
 type Props$5 = {
     children?: JSX.Element[];

package/dist/index.esm.js

@@ -201,7 +201,16 @@ const Logo = React.forwardRef(({ width, height, ...props }, ref) => (React.creat
 
 const NewPassword = React.forwardRef((props, ref) => React.createElement("descope-new-password", { ...props, ref: ref }));
 
-const Phone = React.forwardRef((props, ref) => React.createElement("descope-phone-field", { ...props, ref: ref }));
+const PhoneCountrySelection = React.forwardRef((props, ref) => React.createElement("descope-phone-field", { ...props, ref: ref }));
+
+const PhoneInputBox = React.forwardRef((props, ref) => React.createElement("descope-phone-input-box-field", { ...props, ref: ref }));
+
+const Phone = React.forwardRef(({ variant, ...props }, ref) => {
+    if (variant === 'inputBox') {
+        return React.createElement(PhoneInputBox, { ...props, ref: ref });
+    }
+    return React.createElement(PhoneCountrySelection, { ...props, ref: ref });
+});
 
 const Select = React.forwardRef(({ children, ...restProps }, ref) => (React.createElement("descope-combo-box", { ...restProps, ref: ref }, children)));
 Select.defaultProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.114",
+	"version": "2.0.115",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -99,7 +99,7 @@
 		"typescript": "^4.5.3"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.0.165",
+		"@descope/web-components-ui": "1.0.176",
 		"rollup-plugin-dts": "^5.3.0"
 	},
 	"peerDependencies": {