@dynamic-labs/sdk-react-core 0.17.0-RC.11 → 0.17.0-RC.13

package/src/lib/widgets/DynamicWidget/views/IndexView/IndexView.js

@@ -32,6 +32,8 @@ import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
 import { DynamicWidgetFooter } from '../../components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { DynamicWidgetWallets } from '../../components/DynamicWidgetWallets/DynamicWidgetWallets.js';
 import { SingleWalletButtons } from '../../components/SingleWalletButtons/SingleWalletButtons.js';

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.cjs

@@ -37,6 +37,8 @@ var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 
 const ProfileView = () => {

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.js

@@ -33,6 +33,8 @@ import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 
 const ProfileView = () => {

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -31,6 +31,8 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 var FundingContext = require('../../../../context/FundingContext/FundingContext.cjs');
 
 const Modal = ({ onrampUrl }) => {

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -27,6 +27,8 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
 import { useFundingContext } from '../../../../context/FundingContext/FundingContext.js';
 
 const Modal = ({ onrampUrl }) => {

package/src/polyfills.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var process$1 = require('./shim/process.cjs');
+
+let process;
+if (typeof window !== 'undefined') {
+    window.global = globalThis;
+    if (!window.process && !process) {
+        Object.assign(window, { process: process$1.process });
+    }
+}

package/src/polyfills.d.ts

@@ -0,0 +1 @@
+export {};

package/src/polyfills.js

@@ -0,0 +1,9 @@
+import { process as process$1 } from './shim/process.js';
+
+let process;
+if (typeof window !== 'undefined') {
+    window.global = globalThis;
+    if (!window.process && !process) {
+        Object.assign(window, { process: process$1 });
+    }
+}

package/src/shim/process.cjs

@@ -0,0 +1,238 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* eslint-disable */
+// shim for using process in browser
+// based off https://github.com/defunctzombie/node-process/blob/master/browser.js
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout() {
+    throw new Error('clearTimeout has not been defined');
+}
+var cachedSetTimeout = defaultSetTimout;
+var cachedClearTimeout = defaultClearTimeout;
+if (typeof globalThis.setTimeout === 'function') {
+    cachedSetTimeout = setTimeout;
+}
+if (typeof globalThis.clearTimeout === 'function') {
+    cachedClearTimeout = clearTimeout;
+}
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) &&
+        setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    }
+    catch (e) {
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the globalThis object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        }
+        catch (e) {
+            // same as above but when it's a version of I.E. that must have the globalThis object for 'this', hopfully our context correct otherwise it will throw a globalThis error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) &&
+        clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    }
+    catch (e) {
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the globalThis object when called normally
+            return cachedClearTimeout.call(null, marker);
+        }
+        catch (e) {
+            // same as above but when it's a version of I.E. that must have the globalThis object for 'this', hopfully our context correct otherwise it will throw a globalThis error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    }
+    else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+    var len = queue.length;
+    while (len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+function nextTick(fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new (Item(fun, args))());
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+}
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+var title = 'browser';
+var platform = 'browser';
+var browser = true;
+var env = {};
+var argv = [];
+var version = ''; // empty string to avoid regexp issues
+var versions = {};
+var release = {};
+var config = {};
+function noop() { }
+var on = noop;
+var addListener = noop;
+var once = noop;
+var off = noop;
+var removeListener = noop;
+var removeAllListeners = noop;
+var emit = noop;
+function binding(name) {
+    throw new Error('process.binding is not supported');
+}
+function cwd() {
+    return '/';
+}
+function chdir(dir) {
+    throw new Error('process.chdir is not supported');
+}
+function umask() {
+    return 0;
+}
+// from https://github.com/kumavis/browser-process-hrtime/blob/master/index.js
+var performance = globalThis.performance || {};
+var performanceNow = performance.now ||
+    performance.mozNow ||
+    performance.msNow ||
+    performance.oNow ||
+    performance.webkitNow ||
+    function () {
+        return new Date().getTime();
+    };
+// generate timestamp or delta
+// see http://nodejs.org/api/process.html#process_process_hrtime
+function hrtime(previousTimestamp) {
+    var clocktime = performanceNow.call(performance) * 1e-3;
+    var seconds = Math.floor(clocktime);
+    var nanoseconds = Math.floor((clocktime % 1) * 1e9);
+    if (previousTimestamp) {
+        seconds = seconds - previousTimestamp[0];
+        nanoseconds = nanoseconds - previousTimestamp[1];
+        if (nanoseconds < 0) {
+            seconds--;
+            nanoseconds += 1e9;
+        }
+    }
+    return [seconds, nanoseconds];
+}
+var startTime = new Date();
+function uptime() {
+    var currentTime = new Date();
+    var dif = currentTime.getTime() - startTime.getTime();
+    return dif / 1000;
+}
+var process = {
+    nextTick: nextTick,
+    title: title,
+    browser: browser,
+    env: env,
+    argv: argv,
+    version: version,
+    versions: versions,
+    on: on,
+    addListener: addListener,
+    once: once,
+    off: off,
+    removeListener: removeListener,
+    removeAllListeners: removeAllListeners,
+    emit: emit,
+    binding: binding,
+    cwd: cwd,
+    chdir: chdir,
+    umask: umask,
+    hrtime: hrtime,
+    platform: platform,
+    release: release,
+    config: config,
+    uptime: uptime,
+};
+// replace process.env.VAR with define
+const defines = {};
+Object.keys(defines).forEach((key) => {
+    const segs = key.split('.');
+    let target = process;
+    for (let i = 0; i < segs.length; i++) {
+        const seg = segs[i];
+        if (i === segs.length - 1) {
+            target[seg] = defines[key];
+        }
+        else {
+            target = target[seg] || (target[seg] = {});
+        }
+    }
+});
+
+exports.process = process;

package/src/shim/process.d.ts

@@ -0,0 +1,34 @@
+declare function nextTick(fun: any): void;
+declare function noop(): void;
+declare function binding(name: any): void;
+declare function cwd(): string;
+declare function chdir(dir: any): void;
+declare function umask(): number;
+declare function hrtime(previousTimestamp: any): number[];
+declare function uptime(): number;
+export declare var process: {
+    nextTick: typeof nextTick;
+    title: string;
+    browser: boolean;
+    env: {};
+    argv: any[];
+    version: string;
+    versions: {};
+    on: typeof noop;
+    addListener: typeof noop;
+    once: typeof noop;
+    off: typeof noop;
+    removeListener: typeof noop;
+    removeAllListeners: typeof noop;
+    emit: typeof noop;
+    binding: typeof binding;
+    cwd: typeof cwd;
+    chdir: typeof chdir;
+    umask: typeof umask;
+    hrtime: typeof hrtime;
+    platform: string;
+    release: {};
+    config: {};
+    uptime: typeof uptime;
+};
+export {};

package/src/shim/process.js

@@ -0,0 +1,234 @@
+/* eslint-disable */
+// shim for using process in browser
+// based off https://github.com/defunctzombie/node-process/blob/master/browser.js
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout() {
+    throw new Error('clearTimeout has not been defined');
+}
+var cachedSetTimeout = defaultSetTimout;
+var cachedClearTimeout = defaultClearTimeout;
+if (typeof globalThis.setTimeout === 'function') {
+    cachedSetTimeout = setTimeout;
+}
+if (typeof globalThis.clearTimeout === 'function') {
+    cachedClearTimeout = clearTimeout;
+}
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) &&
+        setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    }
+    catch (e) {
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the globalThis object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        }
+        catch (e) {
+            // same as above but when it's a version of I.E. that must have the globalThis object for 'this', hopfully our context correct otherwise it will throw a globalThis error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) &&
+        clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    }
+    catch (e) {
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the globalThis object when called normally
+            return cachedClearTimeout.call(null, marker);
+        }
+        catch (e) {
+            // same as above but when it's a version of I.E. that must have the globalThis object for 'this', hopfully our context correct otherwise it will throw a globalThis error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    }
+    else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+    var len = queue.length;
+    while (len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+function nextTick(fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new (Item(fun, args))());
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+}
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+var title = 'browser';
+var platform = 'browser';
+var browser = true;
+var env = {};
+var argv = [];
+var version = ''; // empty string to avoid regexp issues
+var versions = {};
+var release = {};
+var config = {};
+function noop() { }
+var on = noop;
+var addListener = noop;
+var once = noop;
+var off = noop;
+var removeListener = noop;
+var removeAllListeners = noop;
+var emit = noop;
+function binding(name) {
+    throw new Error('process.binding is not supported');
+}
+function cwd() {
+    return '/';
+}
+function chdir(dir) {
+    throw new Error('process.chdir is not supported');
+}
+function umask() {
+    return 0;
+}
+// from https://github.com/kumavis/browser-process-hrtime/blob/master/index.js
+var performance = globalThis.performance || {};
+var performanceNow = performance.now ||
+    performance.mozNow ||
+    performance.msNow ||
+    performance.oNow ||
+    performance.webkitNow ||
+    function () {
+        return new Date().getTime();
+    };
+// generate timestamp or delta
+// see http://nodejs.org/api/process.html#process_process_hrtime
+function hrtime(previousTimestamp) {
+    var clocktime = performanceNow.call(performance) * 1e-3;
+    var seconds = Math.floor(clocktime);
+    var nanoseconds = Math.floor((clocktime % 1) * 1e9);
+    if (previousTimestamp) {
+        seconds = seconds - previousTimestamp[0];
+        nanoseconds = nanoseconds - previousTimestamp[1];
+        if (nanoseconds < 0) {
+            seconds--;
+            nanoseconds += 1e9;
+        }
+    }
+    return [seconds, nanoseconds];
+}
+var startTime = new Date();
+function uptime() {
+    var currentTime = new Date();
+    var dif = currentTime.getTime() - startTime.getTime();
+    return dif / 1000;
+}
+var process = {
+    nextTick: nextTick,
+    title: title,
+    browser: browser,
+    env: env,
+    argv: argv,
+    version: version,
+    versions: versions,
+    on: on,
+    addListener: addListener,
+    once: once,
+    off: off,
+    removeListener: removeListener,
+    removeAllListeners: removeAllListeners,
+    emit: emit,
+    binding: binding,
+    cwd: cwd,
+    chdir: chdir,
+    umask: umask,
+    hrtime: hrtime,
+    platform: platform,
+    release: release,
+    config: config,
+    uptime: uptime,
+};
+// replace process.env.VAR with define
+const defines = {};
+Object.keys(defines).forEach((key) => {
+    const segs = key.split('.');
+    let target = process;
+    for (let i = 0; i < segs.length; i++) {
+        const seg = segs[i];
+        if (i === segs.length - 1) {
+            target[seg] = defines[key];
+        }
+        else {
+            target = target[seg] || (target[seg] = {});
+        }
+    }
+});
+
+export { process };

package/src/lib/widgets/DynamicWidget/components/DotsMenuWrapper/DotsMenuWrapper.cjs

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('@dynamic-labs/utils');
-require('@dynamic-labs/sdk-api');
-require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../../../../context/ViewContext/ViewContext.cjs');
-var close = require('../../../../shared/assets/close.cjs');
-require('../../../../utils/constants/colors.cjs');
-require('ethers');
-var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
-require('../../../../shared/consts/index.cjs');
-var useTransition = require('../../../../utils/hooks/useTransition/useTransition.cjs');
-var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-var Typography = require('../../../../components/Typography/Typography.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('../../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('react-dom');
-require('react-focus-lock');
-require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-var IconButton = require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/Alert/Alert.cjs');
-
-const DotsMenuWrapper = ({ children, onClose, content, showMenu, title, alignment = 'bottom', }) => {
-    const ref = React.useRef(null);
-    const closeOnOutsideClick = React.useCallback((event) => {
-        event.stopPropagation();
-        onClose();
-    }, [onClose]);
-    const handleOnClose = React.useCallback((event) => {
-        event.stopPropagation();
-        onClose();
-    }, [onClose]);
-    index.useOnClickOutside(ref, closeOnOutsideClick);
-    const { mount, stage, currentDuration } = useTransition.useTransition({
-        inDuration: utils.isMobile() ? 300 : 100,
-        isShown: showMenu,
-        outDuration: utils.isMobile() ? 400 : 100,
-    });
-    const alignmentClassName = classNames.classNames({
-        'dots-menu-wrapper__container__alignment__bottom': alignment === 'bottom',
-        'dots-menu-wrapper__container__alignment__top': alignment === 'top',
-    });
-    const menuAnimationClassName = classNames.classNames('dots-menu-wrapper__container', alignmentClassName, {
-        'dots-menu-wrapper__container--entering': stage === 'ENTERING',
-        'dots-menu-wrapper__container--exiting': stage === 'EXITING',
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'dots-menu-wrapper', ref: ref }, { children: [children, showMenu && (jsxRuntime.jsx("div", { className: 'dots-menu-wrapper__backdrop', onClick: handleOnClose, "data-testid": 'dots-menu-wrapper__backdrop' })), mount && (jsxRuntime.jsxs("div", Object.assign({ className: menuAnimationClassName, onClick: handleOnClose, style: {
-                    animationDuration: `${currentDuration}ms`,
-                } }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'dots-menu-wrapper__header' }, { children: [jsxRuntime.jsx("div", { className: 'dots-menu-wrapper__header__icon' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'primary' }, { children: title })), jsxRuntime.jsx("div", Object.assign({ className: 'dots-menu-wrapper__header__icon' }, { children: jsxRuntime.jsx(IconButton.IconButton, Object.assign({ "data-testid": 'close-icon-button', onClick: handleOnClose }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })) }))] })), content] })))] })));
-};
-
-exports.DotsMenuWrapper = DotsMenuWrapper;