@dynamic-labs/sdk-react-core 0.16.1 → 0.17.0-RC.0

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.cjs.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-var Typography = require('../Typography/Typography.cjs.js');
-require('react');
-var dynamicLogo = require('../../assets/dynamic-logo.cjs.js');
-
-const URL = 'https://dynamic.xyz';
-const alignClassNames = {
-    center: 'powered-by-dynamic--center',
-    right: 'powered-by-dynamic--right',
-};
-const PoweredByDynamic = ({ align = 'center', classNameLogo, classNameRoot, classNameText, }) => (jsxRuntime.jsxs("a", Object.assign({ target: '_blank', href: URL, className: classNames.classNames('powered-by-dynamic', alignClassNames[align], classNameRoot), rel: 'noreferrer' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'span', color: 'secondary', weight: 'regular', variant: 'body_mini', className: classNames.classNames('powered-by-dynamic__text', classNameText) }, { children: "Powered by" })), jsxRuntime.jsx(dynamicLogo.ReactComponent, { className: classNames.classNames('powered-by-dynamic__logo', classNameLogo) })] })));
-
-exports.PoweredByDynamic = PoweredByDynamic;

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.es.js

@@ -1,14 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { classNames } from '../../utils/functions/classNames/classNames.es.js';
-import { Typography } from '../Typography/Typography.es.js';
-import 'react';
-import { ReactComponent as SvgDynamicLogo } from '../../assets/dynamic-logo.es.js';
-
-const URL = 'https://dynamic.xyz';
-const alignClassNames = {
-    center: 'powered-by-dynamic--center',
-    right: 'powered-by-dynamic--right',
-};
-const PoweredByDynamic = ({ align = 'center', classNameLogo, classNameRoot, classNameText, }) => (jsxs("a", Object.assign({ target: '_blank', href: URL, className: classNames('powered-by-dynamic', alignClassNames[align], classNameRoot), rel: 'noreferrer' }, { children: [jsx(Typography, Object.assign({ as: 'span', color: 'secondary', weight: 'regular', variant: 'body_mini', className: classNames('powered-by-dynamic__text', classNameText) }, { children: "Powered by" })), jsx(SvgDynamicLogo, { className: classNames('powered-by-dynamic__logo', classNameLogo) })] })));
-
-export { PoweredByDynamic };

package/src/lib/components/Search/Search.cjs.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
-var search = require('../../assets/search.cjs.js');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-
-const Search = ({ className = '', id, label, type, onChange, onBlur, name, value, onClickClear, }) => (jsxRuntime.jsxs("label", Object.assign({ htmlFor: id, className: classNames.classNames('search__container', value ? 'search__container--active' : undefined) }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'search-icon__container' }, { children: jsxRuntime.jsx(search.ReactComponent, {}) })), jsxRuntime.jsx("input", { name: name, value: value, onChange: onChange, onBlur: onBlur, type: type, id: id, placeholder: label, className: classNames.classNames('search__input', className) }), value.length > 0 && (jsxRuntime.jsx("button", Object.assign({ type: 'button', onClick: onClickClear, className: 'search__button--clear' }, { children: "Clear" })))] })));
-
-exports.Search = Search;

package/src/lib/components/Search/Search.es.js

@@ -1,8 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import { ReactComponent as SvgSearch } from '../../assets/search.es.js';
-import { classNames } from '../../utils/functions/classNames/classNames.es.js';
-
-const Search = ({ className = '', id, label, type, onChange, onBlur, name, value, onClickClear, }) => (jsxs("label", Object.assign({ htmlFor: id, className: classNames('search__container', value ? 'search__container--active' : undefined) }, { children: [jsx("div", Object.assign({ className: 'search-icon__container' }, { children: jsx(SvgSearch, {}) })), jsx("input", { name: name, value: value, onChange: onChange, onBlur: onBlur, type: type, id: id, placeholder: label, className: classNames('search__input', className) }), value.length > 0 && (jsx("button", Object.assign({ type: 'button', onClick: onClickClear, className: 'search__button--clear' }, { children: "Clear" })))] })));
-
-export { Search };

package/src/lib/components/Select/Select.cjs.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs.js');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
-require('../../context/ViewContext/ViewContext.cjs.js');
-var arrowDown = require('../../shared/assets/arrow-down.cjs.js');
-require('../../utils/constants/colors.cjs.js');
-require('../../shared/consts/index.cjs.js');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-var Icon = require('../Icon/Icon.cjs.js');
-var Typography = require('../Typography/Typography.cjs.js');
-var getDisplayValue = require('./utils/getDisplayValue/getDisplayValue.cjs.js');
-
-const Select = (_a) => {
-    var { children, className = '', id, label, value, error = false, selectDataTestId, message } = _a, selectProps = _tslib.__rest(_a, ["children", "className", "id", "label", "value", "error", "selectDataTestId", "message"]);
-    const selectRef = React.useRef(null);
-    const [displayValue, setDisplayValue] = React.useState();
-    React.useLayoutEffect(() => {
-        if (!value)
-            return;
-        const selectElement = selectRef.current;
-        setDisplayValue(getDisplayValue.getDisplayValue(selectElement));
-    }, [value, setDisplayValue]);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'select__field' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames(className, 'select__container') }, { children: [jsxRuntime.jsxs("label", Object.assign({ className: classNames.classNames('select__body', {
-                            select__error: error,
-                            select__has_value: Boolean(displayValue),
-                        }), htmlFor: id }, { children: [jsxRuntime.jsx("span", Object.assign({ className: 'select__value' }, { children: displayValue || jsxRuntime.jsx("span", { children: "\u00A0" }) })), jsxRuntime.jsx("span", Object.assign({ className: 'select__label' }, { children: label })), jsxRuntime.jsx("div", Object.assign({ className: 'select__control_icon' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'medium' }, { children: jsxRuntime.jsx(arrowDown.ReactComponent, {}) })) }))] })), jsxRuntime.jsx("select", Object.assign({}, selectProps, { "data-testid": selectDataTestId, ref: selectRef, id: id, value: value, placeholder: label, className: 'select' }, { children: children }))] })), message && (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: classNames.classNames('select__message', {
-                    select__message__error: error,
-                }), variant: 'body_mini' }, { children: message })))] })));
-};
-
-exports.Select = Select;

package/src/lib/components/Select/Select.es.js

@@ -1,35 +0,0 @@
-import { __rest } from '../../../../_virtual/_tslib.es.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useLayoutEffect } from 'react';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.es.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
-import '../../context/ViewContext/ViewContext.es.js';
-import { ReactComponent as SvgArrowDown } from '../../shared/assets/arrow-down.es.js';
-import '../../utils/constants/colors.es.js';
-import '../../shared/consts/index.es.js';
-import { classNames } from '../../utils/functions/classNames/classNames.es.js';
-import { Icon } from '../Icon/Icon.es.js';
-import { Typography } from '../Typography/Typography.es.js';
-import { getDisplayValue } from './utils/getDisplayValue/getDisplayValue.es.js';
-
-const Select = (_a) => {
-    var { children, className = '', id, label, value, error = false, selectDataTestId, message } = _a, selectProps = __rest(_a, ["children", "className", "id", "label", "value", "error", "selectDataTestId", "message"]);
-    const selectRef = useRef(null);
-    const [displayValue, setDisplayValue] = useState();
-    useLayoutEffect(() => {
-        if (!value)
-            return;
-        const selectElement = selectRef.current;
-        setDisplayValue(getDisplayValue(selectElement));
-    }, [value, setDisplayValue]);
-    return (jsxs("div", Object.assign({ className: 'select__field' }, { children: [jsxs("div", Object.assign({ className: classNames(className, 'select__container') }, { children: [jsxs("label", Object.assign({ className: classNames('select__body', {
-                            select__error: error,
-                            select__has_value: Boolean(displayValue),
-                        }), htmlFor: id }, { children: [jsx("span", Object.assign({ className: 'select__value' }, { children: displayValue || jsx("span", { children: "\u00A0" }) })), jsx("span", Object.assign({ className: 'select__label' }, { children: label })), jsx("div", Object.assign({ className: 'select__control_icon' }, { children: jsx(Icon, Object.assign({ size: 'medium' }, { children: jsx(SvgArrowDown, {}) })) }))] })), jsx("select", Object.assign({}, selectProps, { "data-testid": selectDataTestId, ref: selectRef, id: id, value: value, placeholder: label, className: 'select' }, { children: children }))] })), message && (jsx(Typography, Object.assign({ className: classNames('select__message', {
-                    select__message__error: error,
-                }), variant: 'body_mini' }, { children: message })))] })));
-};
-
-export { Select };

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

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var reactDom = require('react-dom');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs.js');
-var index_shadow = require('../../styles/index.shadow.cjs.js');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-var utils = require('./utils.cjs.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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) })) })));
-};
-
-exports.ShadowDOM = ShadowDOM;
-exports.ShadowDOMContext = ShadowDOMContext;
-exports.ShadowDOMStyle = ShadowDOMStyle;

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

@@ -1,48 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default, { useRef, useState, useMemo, useLayoutEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.es.js';
-import css_248z from '../../styles/index.shadow.es.js';
-import { classNames } from '../../utils/functions/classNames/classNames.es.js';
-import { isShadowDOMFlagEnabled } from './utils.es.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) })) })));
-};
-
-export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle };

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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs.js');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
-require('react/jsx-runtime');
-require('../../context/ViewContext/ViewContext.cjs.js');
-require('react');
-var isSSR = require('../../shared/utils/functions/isSSR/isSSR.cjs.js');
-require('../../utils/constants/colors.cjs.js');
-require('../../shared/consts/index.cjs.js');
-
-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.es.js

@@ -1,24 +0,0 @@
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.es.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
-import 'react/jsx-runtime';
-import '../../context/ViewContext/ViewContext.es.js';
-import 'react';
-import { isSSR } from '../../shared/utils/functions/isSSR/isSSR.es.js';
-import '../../utils/constants/colors.es.js';
-import '../../shared/consts/index.es.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';
-};
-
-export { isShadowDOMFlagEnabled };

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

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs.js');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
-require('../../context/ViewContext/ViewContext.cjs.js');
-require('react');
-var spinner = require('../../shared/assets/spinner.cjs.js');
-require('../../utils/constants/colors.cjs.js');
-require('../../shared/consts/index.cjs.js');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-
-const Spinner = ({ className = '' }) => (jsxRuntime.jsx(spinner.ReactComponent, { className: classNames.classNames('spinner', className) }));
-
-exports.Spinner = Spinner;

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

@@ -1,15 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.es.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
-import '../../context/ViewContext/ViewContext.es.js';
-import 'react';
-import { ReactComponent as SvgSpinner } from '../../shared/assets/spinner.es.js';
-import '../../utils/constants/colors.es.js';
-import '../../shared/consts/index.es.js';
-import { classNames } from '../../utils/functions/classNames/classNames.es.js';
-
-const Spinner = ({ className = '' }) => (jsx(SvgSpinner, { className: classNames('spinner', className) }));
-
-export { Spinner };

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

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-
-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}`) }) })));
-
-exports.StatusDot = StatusDot;

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

@@ -1,6 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { classNames } from '../../utils/functions/classNames/classNames.es.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}`) }) })));
-
-export { StatusDot };

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

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-
-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 })))] })));
-
-exports.Switch = Switch;

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

@@ -1,6 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { classNames } from '../../utils/functions/classNames/classNames.es.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 })))] })));
-
-export { Switch };

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

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
-
-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.es.js

@@ -1,10 +0,0 @@
-import { __rest } from '../../../../_virtual/_tslib.es.js';
-import { jsx } from 'react/jsx-runtime';
-import { classNames } from '../../utils/functions/classNames/classNames.es.js';
-
-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/Toolkit/Toolkit.cjs.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Typography = require('../Typography/Typography.cjs.js');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs.js');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
-require('../../context/ViewContext/ViewContext.cjs.js');
-require('../../utils/constants/colors.cjs.js');
-var index = require('../../shared/consts/index.cjs.js');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs.js');
-var isEmailProviderEnabled = require('../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs.js');
-var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs.js');
-var ThemeSwitch = require('./components/ThemeSwitch.cjs.js');
-var BrandStyleSwitch = require('./components/BrandStyleSwitch.cjs.js');
-var PrimaryColorInput = require('./components/PrimaryColorInput.cjs.js');
-var AuthModeSwitch = require('./components/AuthModeSwitch.cjs.js');
-var LoginWithEmailSwitch = require('./components/LoginWithEmailSwitch.cjs.js');
-var LoginWithEmailViewDisplayPriorityOrderSwitch = require('./components/LoginWithEmailViewDisplayPriorityOrderSwitch.cjs.js');
-var TemplateSelect = require('./components/TemplateSelect.cjs.js');
-
-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, {})] }))] }))] })) })));
-};
-
-exports.Toolkit = Toolkit;

package/src/lib/components/Toolkit/Toolkit.es.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { Typography } from '../Typography/Typography.es.js';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.es.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
-import '../../context/ViewContext/ViewContext.es.js';
-import '../../utils/constants/colors.es.js';
-import { toolkitZIndex } from '../../shared/consts/index.es.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.es.js';
-import { isEmailProviderEnabled } from '../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.es.js';
-import { ShadowDOM } from '../ShadowDOM/ShadowDOM.es.js';
-import { ThemeSwitch } from './components/ThemeSwitch.es.js';
-import { BrandStyleSwitch } from './components/BrandStyleSwitch.es.js';
-import { PrimaryColorInput } from './components/PrimaryColorInput.es.js';
-import { AuthModeSwitch } from './components/AuthModeSwitch.es.js';
-import { LoginWithEmailSwitch } from './components/LoginWithEmailSwitch.es.js';
-import { LoginWithEmailViewDisplayPriorityOrderSwitch } from './components/LoginWithEmailViewDisplayPriorityOrderSwitch.es.js';
-import { TemplateSelect } from './components/TemplateSelect.es.js';
-
-const Toolkit = () => {
-    const { projectSettings, user, showAuthFlow, showDynamicUserProfile, toolkitEnabled, authMode, setAuthMode, } = useInternalDynamicContext();
-    const isToolkitVisible = useMemo(() => {
-        if (!toolkitEnabled)
-            return false;
-        return showDynamicUserProfile || showAuthFlow;
-    }, [showAuthFlow, showDynamicUserProfile, toolkitEnabled]);
-    if (!isToolkitVisible)
-        return null;
-    return (jsx(ShadowDOM, Object.assign({ dataTestId: 'toolkit-shadowdom', className: 'toolkit-shadowdom', zIndex: toolkitZIndex }, { children: jsxs("div", Object.assign({ className: 'toolkit__container' }, { children: [jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsx(Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Theme" })), jsx(ThemeSwitch, {})] })), jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsx(Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Template" })), jsx(TemplateSelect, {})] })), jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsx(Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Brand" })), jsx(BrandStyleSwitch, {})] })), jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsx(Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Primary Color" })), jsx(PrimaryColorInput, {})] })), jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsx(Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Auth mode" })), jsx(AuthModeSwitch, { authMode: authMode, setAuthMode: setAuthMode })] })), isEmailProviderEnabled((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []) && !user && (jsxs(Fragment, { children: [jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsx(Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Log in with Email" })), jsx(LoginWithEmailSwitch, {})] })), jsxs("div", Object.assign({ className: 'toolkit__switcher' }, { children: [jsx(Typography, Object.assign({ className: 'switcher__copy', as: 'h2', variant: 'body_normal' }, { children: "Email vs Wallet priority" })), jsx(LoginWithEmailViewDisplayPriorityOrderSwitch, {})] }))] }))] })) })));
-};
-
-export { Toolkit };

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

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Checkbox = require('../../Checkbox/Checkbox.cjs.js');
-var Typography = require('../../Typography/Typography.cjs.js');
-
-const AuthModeSwitch = ({ authMode, setAuthMode, }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'auth-mode-switch__container' }, { children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: authMode === 'connect-and-sign', onChange: () => setAuthMode('connect-and-sign'), id: 'connect-and-sign' }), jsxRuntime.jsx("label", Object.assign({ htmlFor: 'connect-and-sign' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', weight: 'regular' }, { children: "Connect and sign" })) }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'auth-mode-switch__container' }, { children: [jsxRuntime.jsx(Checkbox.Checkbox, { checked: authMode === 'connect-only', onChange: () => setAuthMode('connect-only'), id: 'connect-only' }), jsxRuntime.jsx("label", Object.assign({ htmlFor: 'connect-only' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', weight: 'regular' }, { children: "Connect only" })) }))] }))] }));
-
-exports.AuthModeSwitch = AuthModeSwitch;

package/src/lib/components/Toolkit/components/AuthModeSwitch.es.js

@@ -1,7 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Checkbox } from '../../Checkbox/Checkbox.es.js';
-import { Typography } from '../../Typography/Typography.es.js';
-
-const AuthModeSwitch = ({ authMode, setAuthMode, }) => (jsxs(Fragment, { children: [jsxs("div", Object.assign({ className: 'auth-mode-switch__container' }, { children: [jsx(Checkbox, { checked: authMode === 'connect-and-sign', onChange: () => setAuthMode('connect-and-sign'), id: 'connect-and-sign' }), jsx("label", Object.assign({ htmlFor: 'connect-and-sign' }, { children: jsx(Typography, Object.assign({ color: 'primary', weight: 'regular' }, { children: "Connect and sign" })) }))] })), jsxs("div", Object.assign({ className: 'auth-mode-switch__container' }, { children: [jsx(Checkbox, { checked: authMode === 'connect-only', onChange: () => setAuthMode('connect-only'), id: 'connect-only' }), jsx("label", Object.assign({ htmlFor: 'connect-only' }, { children: jsx(Typography, Object.assign({ color: 'primary', weight: 'regular' }, { children: "Connect only" })) }))] }))] }));
-
-export { AuthModeSwitch };

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

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var ThemeContext = require('../../../context/ThemeContext/ThemeContext.cjs.js');
-var Switch = require('../../Switch/Switch.cjs.js');
-
-const BrandStyleSwitch = () => {
-    const { changeBrandStyle, theme } = ThemeContext.useThemeContext();
-    return (jsxRuntime.jsx(Switch.Switch, { firstButton: {
-            active: theme.brandStyle === 'bold',
-            handleButtonClick: () => changeBrandStyle('bold'),
-            name: 'Bold',
-        }, secondButton: {
-            active: theme.brandStyle === 'subtle',
-            handleButtonClick: () => changeBrandStyle('subtle'),
-            name: 'Subtle',
-        } }));
-};
-
-exports.BrandStyleSwitch = BrandStyleSwitch;

package/src/lib/components/Toolkit/components/BrandStyleSwitch.es.js

@@ -1,18 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.es.js';
-import { Switch } from '../../Switch/Switch.es.js';
-
-const BrandStyleSwitch = () => {
-    const { changeBrandStyle, theme } = useThemeContext();
-    return (jsx(Switch, { firstButton: {
-            active: theme.brandStyle === 'bold',
-            handleButtonClick: () => changeBrandStyle('bold'),
-            name: 'Bold',
-        }, secondButton: {
-            active: theme.brandStyle === 'subtle',
-            handleButtonClick: () => changeBrandStyle('subtle'),
-            name: 'Subtle',
-        } }));
-};
-
-export { BrandStyleSwitch };

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

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs.js');
-var Switch = require('../../Switch/Switch.cjs.js');
-
-const LoginWithEmailSwitch = () => {
-    const { loginWithEmail, setLogInWithEmail } = useInternalDynamicContext.useInternalDynamicContext();
-    return (jsxRuntime.jsx(Switch.Switch, { firstButton: {
-            active: loginWithEmail,
-            handleButtonClick: () => setLogInWithEmail(true),
-            name: 'True',
-        }, secondButton: {
-            active: !loginWithEmail,
-            handleButtonClick: () => setLogInWithEmail(false),
-            name: 'False',
-        } }));
-};
-
-exports.LoginWithEmailSwitch = LoginWithEmailSwitch;

package/src/lib/components/Toolkit/components/LoginWithEmailSwitch.es.js

@@ -1,18 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.es.js';
-import { Switch } from '../../Switch/Switch.es.js';
-
-const LoginWithEmailSwitch = () => {
-    const { loginWithEmail, setLogInWithEmail } = useInternalDynamicContext();
-    return (jsx(Switch, { firstButton: {
-            active: loginWithEmail,
-            handleButtonClick: () => setLogInWithEmail(true),
-            name: 'True',
-        }, secondButton: {
-            active: !loginWithEmail,
-            handleButtonClick: () => setLogInWithEmail(false),
-            name: 'False',
-        } }));
-};
-
-export { LoginWithEmailSwitch };