@dynamic-labs/sdk-react-core 4.6.2 → 4.6.3

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [4.6.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.6.2...v4.6.3) (2025-02-14)
+
+
+### Bug Fixes
+
+* optimize zerodev connector initialization ([dff1b4d](https://github.com/dynamic-labs/dynamic-auth/commit/dff1b4d410ab06c45635e0114823cbba4b8c1905))
+
 ### [4.6.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.6.1...v4.6.2) (2025-02-14)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.6.2";
+var version = "4.6.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.627",
+	"@dynamic-labs/sdk-api-core": "0.0.628",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.6.2";
+var version = "4.6.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.627",
+	"@dynamic-labs/sdk-api-core": "0.0.628",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.6.2",
+  "version": "4.6.3",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.627",
+    "@dynamic-labs/sdk-api-core": "0.0.628",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.6.2",
-    "@dynamic-labs/iconic": "4.6.2",
-    "@dynamic-labs/logger": "4.6.2",
-    "@dynamic-labs/multi-wallet": "4.6.2",
-    "@dynamic-labs/rpc-providers": "4.6.2",
-    "@dynamic-labs/store": "4.6.2",
-    "@dynamic-labs/types": "4.6.2",
-    "@dynamic-labs/utils": "4.6.2",
-    "@dynamic-labs/wallet-book": "4.6.2",
-    "@dynamic-labs/wallet-connector-core": "4.6.2",
+    "@dynamic-labs/assert-package-version": "4.6.3",
+    "@dynamic-labs/iconic": "4.6.3",
+    "@dynamic-labs/logger": "4.6.3",
+    "@dynamic-labs/multi-wallet": "4.6.3",
+    "@dynamic-labs/rpc-providers": "4.6.3",
+    "@dynamic-labs/store": "4.6.3",
+    "@dynamic-labs/types": "4.6.3",
+    "@dynamic-labs/utils": "4.6.3",
+    "@dynamic-labs/wallet-book": "4.6.3",
+    "@dynamic-labs/wallet-connector-core": "4.6.3",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/BaseButton/BaseButton.cjs

@@ -0,0 +1,20 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Headless Button component for other buttons to extend.
+ *
+ * This component handles button basics such as:
+ * - Accessibility props
+ * - Refs
+ * - Test IDs
+ * - Click events
+ * - Disabled state
+ */
+const BaseButton = ({ children, className, dataTestId, disabled, onClick, type, style, ariaLabel, ariaExpanded, ariaControls, buttonRef, }) => (jsxRuntime.jsx("button", { type: type, className: className, ref: buttonRef, onClick: onClick, disabled: disabled, "data-testid": dataTestId, style: style, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, children: children }));
+
+exports.BaseButton = BaseButton;

package/src/lib/components/BaseButton/BaseButton.d.ts

@@ -0,0 +1,21 @@
+import { ButtonHTMLAttributes, FC, MouseEventHandler, PropsWithChildren, Ref } from 'react';
+import { ButtonAriaProps } from '../../utils/types/ButtonAriaProps';
+import { ClassStyleProps } from '../../utils/types/ClassStyleProps';
+export type BaseButtonProps = ClassStyleProps & ButtonAriaProps & PropsWithChildren & {
+    dataTestId?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
+    buttonRef?: Ref<HTMLButtonElement>;
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+};
+/**
+ * Headless Button component for other buttons to extend.
+ *
+ * This component handles button basics such as:
+ * - Accessibility props
+ * - Refs
+ * - Test IDs
+ * - Click events
+ * - Disabled state
+ */
+export declare const BaseButton: FC<BaseButtonProps>;

package/src/lib/components/BaseButton/BaseButton.js

@@ -0,0 +1,16 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Headless Button component for other buttons to extend.
+ *
+ * This component handles button basics such as:
+ * - Accessibility props
+ * - Refs
+ * - Test IDs
+ * - Click events
+ * - Disabled state
+ */
+const BaseButton = ({ children, className, dataTestId, disabled, onClick, type, style, ariaLabel, ariaExpanded, ariaControls, buttonRef, }) => (jsx("button", { type: type, className: className, ref: buttonRef, onClick: onClick, disabled: disabled, "data-testid": dataTestId, style: style, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, children: children }));
+
+export { BaseButton };

package/src/lib/components/BaseButton/index.d.ts

@@ -0,0 +1 @@
+export * from './BaseButton';

package/src/lib/components/Button/Button.cjs

@@ -8,8 +8,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../Spinner/spinner.cjs');
+var BaseButton = require('../BaseButton/BaseButton.cjs');
 
 const defaultButtonVariant = 'primary';
+/**
+ * A Button component with options for different variants, padding, and more.
+ */
 const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = defaultButtonVariant, buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = React.useState(false);
@@ -41,7 +45,7 @@ const Button = ({ buttonClassName = '', className, style, buttonPadding = 'mediu
     });
     const buttonContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [startSlot && jsxRuntime.jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
                 (isFeedbackVisible && feedback ? feedback : children), endSlot && jsxRuntime.jsx("div", { className: 'button__end-slot', children: endSlot })] }));
-    return (jsxRuntime.jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, style: style, children: [(internalButtonLoading || loading) && (jsxRuntime.jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }) })), buttonContent] }));
+    return (jsxRuntime.jsxs(BaseButton.BaseButton, { type: type, buttonRef: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, dataTestId: dataTestId, style: style, ariaExpanded: expanded, children: [(internalButtonLoading || loading) && (jsxRuntime.jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 
 exports.Button = Button;

package/src/lib/components/Button/Button.d.ts

@@ -1,15 +1,12 @@
-import { ButtonHTMLAttributes, FC, LegacyRef, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
-import { ClassStyleProps } from '../../utils/types/ClassStyleProps';
+import { FC, MouseEventHandler, ReactNode } from 'react';
+import { BaseButtonProps } from '../BaseButton';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
 export declare const defaultButtonVariant: ButtonVariant;
-export type ButtonProps = ClassStyleProps & PropsWithChildren & {
+export type ButtonProps = BaseButtonProps & {
     buttonClassName?: string;
     buttonPadding?: ButtonPadding;
     buttonVariant?: ButtonVariant;
-    buttonRef?: LegacyRef<HTMLButtonElement>;
-    dataTestId?: string;
-    disabled?: boolean;
     endSlot?: JSX.Element;
     expanded?: boolean;
     feedback?: ReactNode;
@@ -17,7 +14,9 @@ export type ButtonProps = ClassStyleProps & PropsWithChildren & {
     loading?: boolean;
     startSlot?: JSX.Element;
     onClick?: MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
-    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
 };
+/**
+ * A Button component with options for different variants, padding, and more.
+ */
 export declare const Button: FC<ButtonProps>;
 export {};

package/src/lib/components/Button/Button.js

@@ -4,8 +4,12 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../Spinner/spinner.js';
+import { BaseButton } from '../BaseButton/BaseButton.js';
 
 const defaultButtonVariant = 'primary';
+/**
+ * A Button component with options for different variants, padding, and more.
+ */
 const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = defaultButtonVariant, buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = useState(false);
@@ -37,7 +41,7 @@ const Button = ({ buttonClassName = '', className, style, buttonPadding = 'mediu
     });
     const buttonContent = (jsxs(Fragment, { children: [startSlot && jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
                 (isFeedbackVisible && feedback ? feedback : children), endSlot && jsx("div", { className: 'button__end-slot', children: endSlot })] }));
-    return (jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, style: style, children: [(internalButtonLoading || loading) && (jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsx(Spinner, { className: 'button__spinner' }) })), buttonContent] }));
+    return (jsxs(BaseButton, { type: type, buttonRef: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, dataTestId: dataTestId, style: style, ariaExpanded: expanded, children: [(internalButtonLoading || loading) && (jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsx(Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 
 export { Button, defaultButtonVariant };