@dynamic-labs/sdk-react-core 0.17.15 → 0.17.100-viem.1

package/src/lib/components/ShadowDOM/ShadowDOM.cjs

@@ -14,43 +14,43 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ShadowDOMContext = React__default["default"].createContext({});
-const ShadowDOMStyle = () => jsxRuntime.jsx("style", { children: index_shadow });
-const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
-    const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext.useInternalDynamicContext();
-    const shadowDOMFlag = utils.isShadowDOMFlagEnabled();
-    const shadowDOMEnabled = shadowDOMFlag && shadowDOMSetting;
-    const nodeRef = React.useRef(null);
-    const [shadowRoot, setShadowRoot] = React.useState();
-    const CssOverridesElement = React.useMemo(() => {
-        if (cssOverrides && typeof cssOverrides !== 'string') {
-            return () => cssOverrides;
-        }
-        else if (cssOverrides && typeof cssOverrides === 'string') {
-            const StyleElement = () => jsxRuntime.jsx("style", { children: cssOverrides });
-            return StyleElement;
-        }
-        return null;
-    }, [cssOverrides]);
-    React.useLayoutEffect(() => {
-        if (nodeRef.current && shadowDOMEnabled) {
-            try {
-                const root = nodeRef.current.attachShadow({
-                    mode,
-                });
-                setShadowRoot(root);
-            }
-            catch (e) {
-                // do nothing
-            }
-        }
-    }, [shadowDOMEnabled, nodeRef, mode]);
-    const shouldRenderStyles = Boolean(Object.keys(index_shadow).length);
-    if (!shadowDOMEnabled) {
-        return (jsxRuntime.jsxs("div", Object.assign({ "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames.classNames('dynamic-shadow-dom', className), style: { zIndex } }, { children: [children, shouldRenderStyles && jsxRuntime.jsx(ShadowDOMStyle, {}), CssOverridesElement && jsxRuntime.jsx(CssOverridesElement, {})] })));
-    }
-    return (jsxRuntime.jsx(ShadowDOMContext.Provider, Object.assign({ value: { shadowRoot } }, { children: jsxRuntime.jsx("div", Object.assign({ "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames.classNames('dynamic-shadow-dom', className), style: { zIndex } }, { children: shadowRoot &&
-                reactDom.createPortal(jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-shadow-dom-content' }, { children: [children, shouldRenderStyles && jsxRuntime.jsx(ShadowDOMStyle, {}), CssOverridesElement && jsxRuntime.jsx(CssOverridesElement, {})] })), shadowRoot) })) })));
+const ShadowDOMContext = React__default["default"].createContext({});
+const ShadowDOMStyle = () => jsxRuntime.jsx("style", { children: index_shadow });
+const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
+    const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext.useInternalDynamicContext();
+    const shadowDOMFlag = utils.isShadowDOMFlagEnabled();
+    const shadowDOMEnabled = shadowDOMFlag && shadowDOMSetting;
+    const nodeRef = React.useRef(null);
+    const [shadowRoot, setShadowRoot] = React.useState();
+    const CssOverridesElement = React.useMemo(() => {
+        if (cssOverrides && typeof cssOverrides !== 'string') {
+            return () => cssOverrides;
+        }
+        else if (cssOverrides && typeof cssOverrides === 'string') {
+            const StyleElement = () => jsxRuntime.jsx("style", { children: cssOverrides });
+            return StyleElement;
+        }
+        return null;
+    }, [cssOverrides]);
+    React.useLayoutEffect(() => {
+        if (nodeRef.current && shadowDOMEnabled) {
+            try {
+                const root = nodeRef.current.attachShadow({
+                    mode,
+                });
+                setShadowRoot(root);
+            }
+            catch (e) {
+                // do nothing
+            }
+        }
+    }, [shadowDOMEnabled, nodeRef, mode]);
+    const shouldRenderStyles = Boolean(Object.keys(index_shadow).length);
+    if (!shadowDOMEnabled) {
+        return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames.classNames('dynamic-shadow-dom', className), style: { zIndex }, children: [children, shouldRenderStyles && jsxRuntime.jsx(ShadowDOMStyle, {}), CssOverridesElement && jsxRuntime.jsx(CssOverridesElement, {})] }));
+    }
+    return (jsxRuntime.jsx(ShadowDOMContext.Provider, { value: { shadowRoot }, children: jsxRuntime.jsx("div", { "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames.classNames('dynamic-shadow-dom', className), style: { zIndex }, children: shadowRoot &&
+                reactDom.createPortal(jsxRuntime.jsxs("div", { className: 'dynamic-shadow-dom-content', children: [children, shouldRenderStyles && jsxRuntime.jsx(ShadowDOMStyle, {}), CssOverridesElement && jsxRuntime.jsx(CssOverridesElement, {})] }), shadowRoot) }) }));
 };
 
 exports.ShadowDOM = ShadowDOM;

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

@@ -1,16 +1,16 @@
-import React from 'react';
-export type ShadowDOMContextType = {
-    shadowRoot?: ShadowRoot;
-};
-export declare const ShadowDOMContext: React.Context<ShadowDOMContextType>;
-export declare const useShadowDOMContext: () => ShadowDOMContextType;
-export type ShadowDOMProps = {
-    children?: React.ReactElement | React.ReactElement[];
-    className?: string;
-    dataTestId?: string;
-    id?: string;
-    mode?: ShadowRootMode;
-    zIndex?: number;
-};
-export declare const ShadowDOMStyle: () => JSX.Element;
-export declare const ShadowDOM: React.FC<ShadowDOMProps>;
+import React from 'react';
+export type ShadowDOMContextType = {
+    shadowRoot?: ShadowRoot;
+};
+export declare const ShadowDOMContext: React.Context<ShadowDOMContextType>;
+export declare const useShadowDOMContext: () => ShadowDOMContextType;
+export type ShadowDOMProps = {
+    children?: React.ReactElement | React.ReactElement[];
+    className?: string;
+    dataTestId?: string;
+    id?: string;
+    mode?: ShadowRootMode;
+    zIndex?: number;
+};
+export declare const ShadowDOMStyle: () => JSX.Element;
+export declare const ShadowDOM: React.FC<ShadowDOMProps>;

package/src/lib/components/ShadowDOM/ShadowDOM.js

@@ -6,43 +6,43 @@ import css_248z from '../../styles/index.shadow.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { isShadowDOMFlagEnabled } from './utils.js';
 
-const ShadowDOMContext = React__default.createContext({});
-const ShadowDOMStyle = () => jsx("style", { children: css_248z });
-const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
-    const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext();
-    const shadowDOMFlag = isShadowDOMFlagEnabled();
-    const shadowDOMEnabled = shadowDOMFlag && shadowDOMSetting;
-    const nodeRef = useRef(null);
-    const [shadowRoot, setShadowRoot] = useState();
-    const CssOverridesElement = useMemo(() => {
-        if (cssOverrides && typeof cssOverrides !== 'string') {
-            return () => cssOverrides;
-        }
-        else if (cssOverrides && typeof cssOverrides === 'string') {
-            const StyleElement = () => jsx("style", { children: cssOverrides });
-            return StyleElement;
-        }
-        return null;
-    }, [cssOverrides]);
-    useLayoutEffect(() => {
-        if (nodeRef.current && shadowDOMEnabled) {
-            try {
-                const root = nodeRef.current.attachShadow({
-                    mode,
-                });
-                setShadowRoot(root);
-            }
-            catch (e) {
-                // do nothing
-            }
-        }
-    }, [shadowDOMEnabled, nodeRef, mode]);
-    const shouldRenderStyles = Boolean(Object.keys(css_248z).length);
-    if (!shadowDOMEnabled) {
-        return (jsxs("div", Object.assign({ "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames('dynamic-shadow-dom', className), style: { zIndex } }, { children: [children, shouldRenderStyles && jsx(ShadowDOMStyle, {}), CssOverridesElement && jsx(CssOverridesElement, {})] })));
-    }
-    return (jsx(ShadowDOMContext.Provider, Object.assign({ value: { shadowRoot } }, { children: jsx("div", Object.assign({ "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames('dynamic-shadow-dom', className), style: { zIndex } }, { children: shadowRoot &&
-                createPortal(jsxs("div", Object.assign({ className: 'dynamic-shadow-dom-content' }, { children: [children, shouldRenderStyles && jsx(ShadowDOMStyle, {}), CssOverridesElement && jsx(CssOverridesElement, {})] })), shadowRoot) })) })));
+const ShadowDOMContext = React__default.createContext({});
+const ShadowDOMStyle = () => jsx("style", { children: css_248z });
+const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
+    const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext();
+    const shadowDOMFlag = isShadowDOMFlagEnabled();
+    const shadowDOMEnabled = shadowDOMFlag && shadowDOMSetting;
+    const nodeRef = useRef(null);
+    const [shadowRoot, setShadowRoot] = useState();
+    const CssOverridesElement = useMemo(() => {
+        if (cssOverrides && typeof cssOverrides !== 'string') {
+            return () => cssOverrides;
+        }
+        else if (cssOverrides && typeof cssOverrides === 'string') {
+            const StyleElement = () => jsx("style", { children: cssOverrides });
+            return StyleElement;
+        }
+        return null;
+    }, [cssOverrides]);
+    useLayoutEffect(() => {
+        if (nodeRef.current && shadowDOMEnabled) {
+            try {
+                const root = nodeRef.current.attachShadow({
+                    mode,
+                });
+                setShadowRoot(root);
+            }
+            catch (e) {
+                // do nothing
+            }
+        }
+    }, [shadowDOMEnabled, nodeRef, mode]);
+    const shouldRenderStyles = Boolean(Object.keys(css_248z).length);
+    if (!shadowDOMEnabled) {
+        return (jsxs("div", { "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames('dynamic-shadow-dom', className), style: { zIndex }, children: [children, shouldRenderStyles && jsx(ShadowDOMStyle, {}), CssOverridesElement && jsx(CssOverridesElement, {})] }));
+    }
+    return (jsx(ShadowDOMContext.Provider, { value: { shadowRoot }, children: jsx("div", { "data-testid": dataTestId, ref: nodeRef, id: id, className: classNames('dynamic-shadow-dom', className), style: { zIndex }, children: shadowRoot &&
+                createPortal(jsxs("div", { className: 'dynamic-shadow-dom-content', children: [children, shouldRenderStyles && jsx(ShadowDOMStyle, {}), CssOverridesElement && jsx(CssOverridesElement, {})] }), shadowRoot) }) }));
 };
 
 export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle };

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

@@ -1 +1 @@
-export { ShadowDOM } from './ShadowDOM';
+export { ShadowDOM } from './ShadowDOM';

package/src/lib/components/ShadowDOM/utils.cjs

@@ -13,19 +13,19 @@ require('react');
 var isSSR = require('../../shared/utils/functions/isSSR/isSSR.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../shared/consts/index.cjs');
 
-const isShadowDOMFlagEnabled = () => {
-    if (isSSR.isSSR())
-        return false;
-    const flag = 'shadowDOM.enabled';
-    const searchParams = new URLSearchParams(window.location.search);
-    // by default, enable the widget
-    if (!searchParams.has(flag)) {
-        return true;
-    }
-    return searchParams.get(flag) === 'true';
+const isShadowDOMFlagEnabled = () => {
+    if (isSSR.isSSR())
+        return false;
+    const flag = 'shadowDOM.enabled';
+    const searchParams = new URLSearchParams(window.location.search);
+    // by default, enable the widget
+    if (!searchParams.has(flag)) {
+        return true;
+    }
+    return searchParams.get(flag) === 'true';
 };
 
 exports.isShadowDOMFlagEnabled = isShadowDOMFlagEnabled;

package/src/lib/components/ShadowDOM/utils.d.ts

@@ -1 +1 @@
-export declare const isShadowDOMFlagEnabled: () => boolean;
+export declare const isShadowDOMFlagEnabled: () => boolean;

package/src/lib/components/ShadowDOM/utils.js

@@ -9,19 +9,19 @@ import 'react';
 import { isSSR } from '../../shared/utils/functions/isSSR/isSSR.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../shared/consts/index.js';
 
-const isShadowDOMFlagEnabled = () => {
-    if (isSSR())
-        return false;
-    const flag = 'shadowDOM.enabled';
-    const searchParams = new URLSearchParams(window.location.search);
-    // by default, enable the widget
-    if (!searchParams.has(flag)) {
-        return true;
-    }
-    return searchParams.get(flag) === 'true';
+const isShadowDOMFlagEnabled = () => {
+    if (isSSR())
+        return false;
+    const flag = 'shadowDOM.enabled';
+    const searchParams = new URLSearchParams(window.location.search);
+    // by default, enable the widget
+    if (!searchParams.has(flag)) {
+        return true;
+    }
+    return searchParams.get(flag) === 'true';
 };
 
 export { isShadowDOMFlagEnabled };

package/src/lib/components/Skeleton/Skeleton.cjs

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const Skeleton = ({ count = 1, className }) => {
-    const elements = [];
-    for (let i = 0; i < count; i++) {
-        elements.push(jsxRuntime.jsx("span", Object.assign({ className: `skeleton ${className} ` }, { children: "\u200C" })));
-    }
-    return (jsxRuntime.jsx("span", Object.assign({ "data-testid": 'loading-skeleton-container' }, { children: elements.map((element, id) => (jsxRuntime.jsx("span", Object.assign({ "data-testid": 'loading-skeleton' }, { children: element }), `skeleton-${id}`))) })));
+const Skeleton = ({ count = 1, className }) => {
+    const elements = [];
+    for (let i = 0; i < count; i++) {
+        elements.push(jsxRuntime.jsx("span", { className: `skeleton ${className} `, children: "\u200C" }));
+    }
+    return (jsxRuntime.jsx("span", { "data-testid": 'loading-skeleton-container', children: elements.map((element, id) => (jsxRuntime.jsx("span", { "data-testid": 'loading-skeleton', children: element }, `skeleton-${id}`))) }));
 };
 
 exports.Skeleton = Skeleton;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-type Props = {
-    className?: string;
-    count?: number;
-};
-export declare const Skeleton: ({ count, className }: Props) => JSX.Element;
-export {};
+/// <reference types="react" />
+type Props = {
+    className?: string;
+    count?: number;
+};
+export declare const Skeleton: ({ count, className }: Props) => JSX.Element;
+export {};

package/src/lib/components/Skeleton/Skeleton.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 
-const Skeleton = ({ count = 1, className }) => {
-    const elements = [];
-    for (let i = 0; i < count; i++) {
-        elements.push(jsx("span", Object.assign({ className: `skeleton ${className} ` }, { children: "\u200C" })));
-    }
-    return (jsx("span", Object.assign({ "data-testid": 'loading-skeleton-container' }, { children: elements.map((element, id) => (jsx("span", Object.assign({ "data-testid": 'loading-skeleton' }, { children: element }), `skeleton-${id}`))) })));
+const Skeleton = ({ count = 1, className }) => {
+    const elements = [];
+    for (let i = 0; i < count; i++) {
+        elements.push(jsx("span", { className: `skeleton ${className} `, children: "\u200C" }));
+    }
+    return (jsx("span", { "data-testid": 'loading-skeleton-container', children: elements.map((element, id) => (jsx("span", { "data-testid": 'loading-skeleton', children: element }, `skeleton-${id}`))) }));
 };
 
 export { Skeleton };

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

@@ -1 +1 @@
-export { Skeleton } from './Skeleton';
+export { Skeleton } from './Skeleton';

package/src/lib/components/Spinner/Spinner.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-export type SpinnerProps = {
-    className?: string;
-};
-export type SpinnerComponent = (props: SpinnerProps) => ReactElement;
+import { ReactElement } from 'react';
+export type SpinnerProps = {
+    className?: string;
+};
+export type SpinnerComponent = (props: SpinnerProps) => ReactElement;

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

@@ -1 +1 @@
-export { Spinner } from './spinner';
+export { Spinner } from './spinner';

package/src/lib/components/Spinner/spinner.cjs

@@ -13,7 +13,7 @@ require('react');
 var spinner = require('../../shared/assets/spinner.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 

package/src/lib/components/Spinner/spinner.d.ts

@@ -1,2 +1,2 @@
-import { SpinnerComponent } from './Spinner.types';
-export declare const Spinner: SpinnerComponent;
+import { SpinnerComponent } from './Spinner.types';
+export declare const Spinner: SpinnerComponent;

package/src/lib/components/Spinner/spinner.js

@@ -9,7 +9,7 @@ import 'react';
 import { ReactComponent as SvgSpinner } from '../../shared/assets/spinner.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 

package/src/lib/components/StatusDot/StatusDot.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const StatusDot = ({ variant, containerClassName }) => (jsxRuntime.jsx("div", Object.assign({ "data-testid": 'status-dot-container', className: classNames.classNames('status-dot__container', containerClassName || '') }, { children: jsxRuntime.jsx("div", { "data-testid": 'status-dot', className: classNames.classNames('status-dot', `status-dot--${variant}`) }) })));
+const StatusDot = ({ variant, containerClassName }) => (jsxRuntime.jsx("div", { "data-testid": 'status-dot-container', className: classNames.classNames('status-dot__container', containerClassName || ''), children: jsxRuntime.jsx("div", { "data-testid": 'status-dot', className: classNames.classNames('status-dot', `status-dot--${variant}`) }) }));
 
 exports.StatusDot = StatusDot;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-type Props = {
-    containerClassName?: string;
-    variant: 'green' | 'red';
-};
-export declare const StatusDot: ({ variant, containerClassName }: Props) => JSX.Element;
-export {};
+/// <reference types="react" />
+type Props = {
+    containerClassName?: string;
+    variant: 'green' | 'red';
+};
+export declare const StatusDot: ({ variant, containerClassName }: Props) => JSX.Element;
+export {};

package/src/lib/components/StatusDot/StatusDot.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const StatusDot = ({ variant, containerClassName }) => (jsx("div", Object.assign({ "data-testid": 'status-dot-container', className: classNames('status-dot__container', containerClassName || '') }, { children: jsx("div", { "data-testid": 'status-dot', className: classNames('status-dot', `status-dot--${variant}`) }) })));
+const StatusDot = ({ variant, containerClassName }) => (jsx("div", { "data-testid": 'status-dot-container', className: classNames('status-dot__container', containerClassName || ''), children: jsx("div", { "data-testid": 'status-dot', className: classNames('status-dot', `status-dot--${variant}`) }) }));
 
 export { StatusDot };

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

@@ -1 +1 @@
-export { StatusDot } from './StatusDot';
+export { StatusDot } from './StatusDot';

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

@@ -1,7 +1,7 @@
-import { FC, PropsWithChildren, ReactElement } from 'react';
-type StepProps = {
-    icon?: ReactElement;
-    active?: boolean;
-};
-export declare const Step: FC<PropsWithChildren<StepProps>>;
-export {};
+import { FC, PropsWithChildren, ReactElement } from 'react';
+type StepProps = {
+    icon?: ReactElement;
+    active?: boolean;
+};
+export declare const Step: FC<PropsWithChildren<StepProps>>;
+export {};

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

@@ -1 +1 @@
-export { Step } from './Step';
+export { Step } from './Step';

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

@@ -1,2 +1,2 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const Stepper: FC<PropsWithChildren>;
+import { FC, PropsWithChildren } from 'react';
+export declare const Stepper: FC<PropsWithChildren>;

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

@@ -1 +1 @@
-export { Stepper } from './Stepper';
+export { Stepper } from './Stepper';

package/src/lib/components/Switch/Switch.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const Switch = ({ disabled = false, firstButton, secondButton, thirdButton, }) => (jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('switch__container', { disabled: disabled }) }, { children: [jsxRuntime.jsx("button", Object.assign({ disabled: disabled, className: classNames.classNames('button', { active: firstButton.active }), onClick: firstButton.handleButtonClick }, { children: firstButton.name })), jsxRuntime.jsx("button", Object.assign({ disabled: disabled, className: classNames.classNames('button', { active: secondButton.active }), onClick: secondButton.handleButtonClick }, { children: secondButton.name })), thirdButton && (jsxRuntime.jsx("button", Object.assign({ disabled: disabled, className: classNames.classNames('button', { active: thirdButton.active }), onClick: thirdButton.handleButtonClick }, { children: thirdButton.name })))] })));
+const Switch = ({ disabled = false, firstButton, secondButton, thirdButton, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('switch__container', { disabled: disabled }), children: [jsxRuntime.jsx("button", { disabled: disabled, className: classNames.classNames('button', { active: firstButton.active }), onClick: firstButton.handleButtonClick, children: firstButton.name }), jsxRuntime.jsx("button", { disabled: disabled, className: classNames.classNames('button', { active: secondButton.active }), onClick: secondButton.handleButtonClick, children: secondButton.name }), thirdButton && (jsxRuntime.jsx("button", { disabled: disabled, className: classNames.classNames('button', { active: thirdButton.active }), onClick: thirdButton.handleButtonClick, children: thirdButton.name }))] }));
 
 exports.Switch = Switch;

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-interface ButtonProps {
-    active: boolean;
-    handleButtonClick: VoidFunction;
-    name: string;
-}
-interface Props {
-    disabled?: boolean;
-    firstButton: ButtonProps;
-    secondButton: ButtonProps;
-    thirdButton?: ButtonProps;
-}
-export declare const Switch: ({ disabled, firstButton, secondButton, thirdButton, }: Props) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface ButtonProps {
+    active: boolean;
+    handleButtonClick: VoidFunction;
+    name: string;
+}
+interface Props {
+    disabled?: boolean;
+    firstButton: ButtonProps;
+    secondButton: ButtonProps;
+    thirdButton?: ButtonProps;
+}
+export declare const Switch: ({ disabled, firstButton, secondButton, thirdButton, }: Props) => JSX.Element;
+export {};

package/src/lib/components/Switch/Switch.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const Switch = ({ disabled = false, firstButton, secondButton, thirdButton, }) => (jsxs("div", Object.assign({ className: classNames('switch__container', { disabled: disabled }) }, { children: [jsx("button", Object.assign({ disabled: disabled, className: classNames('button', { active: firstButton.active }), onClick: firstButton.handleButtonClick }, { children: firstButton.name })), jsx("button", Object.assign({ disabled: disabled, className: classNames('button', { active: secondButton.active }), onClick: secondButton.handleButtonClick }, { children: secondButton.name })), thirdButton && (jsx("button", Object.assign({ disabled: disabled, className: classNames('button', { active: thirdButton.active }), onClick: thirdButton.handleButtonClick }, { children: thirdButton.name })))] })));
+const Switch = ({ disabled = false, firstButton, secondButton, thirdButton, }) => (jsxs("div", { className: classNames('switch__container', { disabled: disabled }), children: [jsx("button", { disabled: disabled, className: classNames('button', { active: firstButton.active }), onClick: firstButton.handleButtonClick, children: firstButton.name }), jsx("button", { disabled: disabled, className: classNames('button', { active: secondButton.active }), onClick: secondButton.handleButtonClick, children: secondButton.name }), thirdButton && (jsx("button", { disabled: disabled, className: classNames('button', { active: thirdButton.active }), onClick: thirdButton.handleButtonClick, children: thirdButton.name }))] }));
 
 export { Switch };

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

@@ -1 +1 @@
-export { Switch } from './Switch';
+export { Switch } from './Switch';

package/src/lib/components/TextButton/TextButton.cjs

@@ -6,9 +6,9 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const TextButton = (_a) => {
-    var { className = '' } = _a, props = _tslib.__rest(_a, ["className"]);
-    return (jsxRuntime.jsx("button", Object.assign({ className: classNames.classNames('text-button', className) }, props)));
+const TextButton = (_a) => {
+    var { className = '' } = _a, props = _tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("button", Object.assign({ className: classNames.classNames('text-button', className) }, props)));
 };
 
 exports.TextButton = TextButton;

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

@@ -1,2 +1,2 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare const TextButton: ({ className, ...props }: ComponentPropsWithoutRef<'button'>) => JSX.Element;
+import { ComponentPropsWithoutRef } from 'react';
+export declare const TextButton: ({ className, ...props }: ComponentPropsWithoutRef<'button'>) => JSX.Element;

package/src/lib/components/TextButton/TextButton.js

@@ -2,9 +2,9 @@ import { __rest } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const TextButton = (_a) => {
-    var { className = '' } = _a, props = __rest(_a, ["className"]);
-    return (jsx("button", Object.assign({ className: classNames('text-button', className) }, props)));
+const TextButton = (_a) => {
+    var { className = '' } = _a, props = __rest(_a, ["className"]);
+    return (jsx("button", Object.assign({ className: classNames('text-button', className) }, props)));
 };
 
 export { TextButton };

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

@@ -1 +1 @@
-export { TextButton } from './TextButton';
+export { TextButton } from './TextButton';

package/src/lib/components/Toolkit/Toolkit.cjs

@@ -13,7 +13,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 var index = require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -27,16 +27,16 @@ var LoginWithEmailSwitch = require('./components/LoginWithEmailSwitch.cjs');
 var LoginWithEmailViewDisplayPriorityOrderSwitch = require('./components/LoginWithEmailViewDisplayPriorityOrderSwitch.cjs');
 var TemplateSelect = require('./components/TemplateSelect.cjs');
 
-const Toolkit = () => {
-    const { projectSettings, user, showAuthFlow, showDynamicUserProfile, toolkitEnabled, authMode, setAuthMode, } = useInternalDynamicContext.useInternalDynamicContext();
-    const isToolkitVisible = React.useMemo(() => {
-        if (!toolkitEnabled)
-            return false;
-        return showDynamicUserProfile || showAuthFlow;
-    }, [showAuthFlow, showDynamicUserProfile, toolkitEnabled]);
-    if (!isToolkitVisible)
-        return null;
-    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, Object.assign({ dataTestId: 'toolkit-shadowdom', className: 'toolkit-shadowdom', zIndex: index.toolkitZIndex }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__container' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Theme" })), jsxRuntime.jsx(ThemeSwitch.ThemeSwitch, {})] })), jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Template" })), jsxRuntime.jsx(TemplateSelect.TemplateSelect, {})] })), jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Brand" })), jsxRuntime.jsx(BrandStyleSwitch.BrandStyleSwitch, {})] })), jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Primary Color" })), jsxRuntime.jsx(PrimaryColorInput.PrimaryColorInput, {})] })), jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Auth mode" })), jsxRuntime.jsx(AuthModeSwitch.AuthModeSwitch, { authMode: authMode, setAuthMode: setAuthMode })] })), isEmailProviderEnabled.isEmailProviderEnabled((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []) && !user && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Log in with Email" })), jsxRuntime.jsx(LoginWithEmailSwitch.LoginWithEmailSwitch, {})] })), jsxRuntime.jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Email vs Wallet priority" })), jsxRuntime.jsx(LoginWithEmailViewDisplayPriorityOrderSwitch.LoginWithEmailViewDisplayPriorityOrderSwitch, {})] }))] }))] })) })));
+const Toolkit = () => {
+    const { projectSettings, user, showAuthFlow, showDynamicUserProfile, toolkitEnabled, authMode, setAuthMode, } = useInternalDynamicContext.useInternalDynamicContext();
+    const isToolkitVisible = React.useMemo(() => {
+        if (!toolkitEnabled)
+            return false;
+        return showDynamicUserProfile || showAuthFlow;
+    }, [showAuthFlow, showDynamicUserProfile, toolkitEnabled]);
+    if (!isToolkitVisible)
+        return null;
+    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { dataTestId: 'toolkit-shadowdom', className: 'toolkit-shadowdom', zIndex: index.toolkitZIndex, children: jsxRuntime.jsxs("div", { className: 'toolkit__container', children: [jsxRuntime.jsxs("div", { className: 'toolkit__switcher', children: [jsxRuntime.jsx(Typography.Typography, { className: 'switcher__copy', as: 'h2', variant: 'body_normal', children: "Theme" }), jsxRuntime.jsx(ThemeSwitch.ThemeSwitch, {})] }), jsxRuntime.jsxs("div", { className: 'toolkit__switcher', children: [jsxRuntime.jsx(Typography.Typography, { className: 'switcher__copy', as: 'h2', variant: 'body_normal', children: "Template" }), jsxRuntime.jsx(TemplateSelect.TemplateSelect, {})] }), jsxRuntime.jsxs("div", { className: 'toolkit__switcher', children: [jsxRuntime.jsx(Typography.Typography, { className: 'switcher__copy', as: 'h2', variant: 'body_normal', children: "Brand" }), jsxRuntime.jsx(BrandStyleSwitch.BrandStyleSwitch, {})] }), jsxRuntime.jsxs("div", { className: 'toolkit__switcher', children: [jsxRuntime.jsx(Typography.Typography, { className: 'switcher__copy', as: 'h2', variant: 'body_normal', children: "Primary Color" }), jsxRuntime.jsx(PrimaryColorInput.PrimaryColorInput, {})] }), jsxRuntime.jsxs("div", { className: 'toolkit__switcher', children: [jsxRuntime.jsx(Typography.Typography, { className: 'switcher__copy', as: 'h2', variant: 'body_normal', children: "Auth mode" }), jsxRuntime.jsx(AuthModeSwitch.AuthModeSwitch, { authMode: authMode, setAuthMode: setAuthMode })] }), isEmailProviderEnabled.isEmailProviderEnabled((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []) && !user && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'toolkit__switcher', children: [jsxRuntime.jsx(Typography.Typography, { className: 'switcher__copy', as: 'h2', variant: 'body_normal', children: "Log in with Email" }), jsxRuntime.jsx(LoginWithEmailSwitch.LoginWithEmailSwitch, {})] }), jsxRuntime.jsxs("div", { className: 'toolkit__switcher', children: [jsxRuntime.jsx(Typography.Typography, { className: 'switcher__copy', as: 'h2', variant: 'body_normal', children: "Email vs Wallet priority" }), jsxRuntime.jsx(LoginWithEmailViewDisplayPriorityOrderSwitch.LoginWithEmailViewDisplayPriorityOrderSwitch, {})] })] }))] }) }));
 };
 
 exports.Toolkit = Toolkit;

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

@@ -1,2 +1,2 @@
-import { FC } from 'react';
-export declare const Toolkit: FC;
+import { FC } from 'react';
+export declare const Toolkit: FC;