@descope/flow-components 2.0.262 → 2.0.263

package/dist/index.cjs.js

@@ -26,6 +26,8 @@ const Boolean = React__default.default.forwardRef(({ type, ...props }, ref) => {
     }
 });
 
+const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
+
 var apple = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple", ...props },
     React__default.default.createElement("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" })));
 
@@ -123,19 +125,18 @@ var icons = /*#__PURE__*/Object.freeze({
     whatsapp: whatsapp
 });
 
-const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
+const Icon = ({ icon, noColor, ...props }) => {
+    if (!icon)
+        return undefined;
+    if (isImageSource(icon))
+        return (React__default.default.createElement("img", { ...props, src: icon, alt: icon, style: { height: '1.5em', width: '1.5em' } }));
+    return React__default.default.createElement("descope-icon", null, icons[icon]?.({ noColor, ...props }));
+};
 
 const Button = React__default.default.forwardRef(({ children, startIcon, startIconColorText, color, ...props }, ref) => {
-    const icon = React.useMemo(() => {
-        if (!startIcon)
-            return undefined;
-        if (isImageSource(startIcon))
-            return (React__default.default.createElement("img", { src: startIcon, alt: props.name, style: { height: '1.5em', width: '1.5em' } }));
-        return icons[startIcon]?.({ noColor: startIconColorText });
-    }, [startIcon, props.name, startIconColorText]);
-    const isSquare = React.useMemo(() => !!(icon && !children), [icon, children]);
+    const isSquare = React.useMemo(() => !!(startIcon && !children), [startIcon, children]);
     return (React__default.default.createElement("descope-button", { ...props, mode: color, ref: ref, square: isSquare },
-        icon,
+        React__default.default.createElement(Icon, { icon: startIcon, noColor: startIconColorText }),
         children));
 });
 Button.defaultProps = {
@@ -461,14 +462,6 @@ SAMLGroupMappings.defaultProps = {
     size: 'md'
 };
 
-const Icon = ({ icon, noColor, ...props }) => {
-    if (!icon)
-        return undefined;
-    if (isImageSource(icon))
-        return (React__default.default.createElement("img", { ...props, src: icon, alt: icon, style: { height: '1.5em', width: '1.5em' } }));
-    return icons[icon]?.({ noColor, ...props });
-};
-
 const UserAuthMethod$1 = React__default.default.forwardRef(({ methodIcon, buttonIcon, ...props }, ref) => (React__default.default.createElement("descope-user-auth-method", { ...props, ref: ref },
     React__default.default.createElement(Icon, { icon: methodIcon, slot: "method-icon", noColor: true }),
     React__default.default.createElement(Icon, { icon: buttonIcon, slot: "button-icon", noColor: true, width: "1em", height: "1em" }))));

package/dist/index.esm.js

@@ -20,6 +20,8 @@ const Boolean = React.forwardRef(({ type, ...props }, ref) => {
     }
 });
 
+const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
+
 var apple = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple", ...props },
     React.createElement("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" })));
 
@@ -117,19 +119,18 @@ var icons = /*#__PURE__*/Object.freeze({
     whatsapp: whatsapp
 });
 
-const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
+const Icon = ({ icon, noColor, ...props }) => {
+    if (!icon)
+        return undefined;
+    if (isImageSource(icon))
+        return (React.createElement("img", { ...props, src: icon, alt: icon, style: { height: '1.5em', width: '1.5em' } }));
+    return React.createElement("descope-icon", null, icons[icon]?.({ noColor, ...props }));
+};
 
 const Button = React.forwardRef(({ children, startIcon, startIconColorText, color, ...props }, ref) => {
-    const icon = useMemo(() => {
-        if (!startIcon)
-            return undefined;
-        if (isImageSource(startIcon))
-            return (React.createElement("img", { src: startIcon, alt: props.name, style: { height: '1.5em', width: '1.5em' } }));
-        return icons[startIcon]?.({ noColor: startIconColorText });
-    }, [startIcon, props.name, startIconColorText]);
-    const isSquare = useMemo(() => !!(icon && !children), [icon, children]);
+    const isSquare = useMemo(() => !!(startIcon && !children), [startIcon, children]);
     return (React.createElement("descope-button", { ...props, mode: color, ref: ref, square: isSquare },
-        icon,
+        React.createElement(Icon, { icon: startIcon, noColor: startIconColorText }),
         children));
 });
 Button.defaultProps = {
@@ -455,14 +456,6 @@ SAMLGroupMappings.defaultProps = {
     size: 'md'
 };
 
-const Icon = ({ icon, noColor, ...props }) => {
-    if (!icon)
-        return undefined;
-    if (isImageSource(icon))
-        return (React.createElement("img", { ...props, src: icon, alt: icon, style: { height: '1.5em', width: '1.5em' } }));
-    return icons[icon]?.({ noColor, ...props });
-};
-
 const UserAuthMethod$1 = React.forwardRef(({ methodIcon, buttonIcon, ...props }, ref) => (React.createElement("descope-user-auth-method", { ...props, ref: ref },
     React.createElement(Icon, { icon: methodIcon, slot: "method-icon", noColor: true }),
     React.createElement(Icon, { icon: buttonIcon, slot: "button-icon", noColor: true, width: "1em", height: "1em" }))));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.262",
+	"version": "2.0.263",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -100,7 +100,7 @@
 		"typescript": "^5.0.0"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.0.306"
+		"@descope/web-components-ui": "1.0.307"
 	},
 	"peerDependencies": {
 		"react": ">=17"