@multiplatform.one/web3 5.0.27

package/dist/cjs/connectkit/components/Common/ChainSelectDropdown/index.native.js

@@ -0,0 +1,216 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ChainSelectDropdown_exports = {};
+__export(ChainSelectDropdown_exports, {
+  default: () => ChainSelectDropdown_default
+});
+module.exports = __toCommonJS(ChainSelectDropdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ConnectKit = require("./../../ConnectKit.native.js");
+var import_react_use_measure = __toESM(require("react-use-measure"));
+var import_ChainSelectList = __toESM(require("./../ChainSelectList/index.native.js"));
+var import_Portal = __toESM(require("./../Portal/index.native.js"));
+var import_styles = require("./../../../styles/index.native.js");
+var import_styles2 = require("./styles.native.js");
+var import_framer_motion = require("framer-motion");
+var import_ConnectKitThemeProvider = require("./../../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js");
+var import_useFocusTrap = __toESM(require("./../../../hooks/useFocusTrap.native.js"));
+var import_useLockBodyScroll = __toESM(require("./../../../hooks/useLockBodyScroll.native.js"));
+var import_useLocales = __toESM(require("../../../hooks/useLocales.native.js"));
+var ChainSelectDropdown = function ChainSelectDropdown2(param) {
+  var {
+    children,
+    open,
+    onClose,
+    offsetX = 0,
+    offsetY = 8
+  } = param;
+  var _themeContext_theme, _themeContext_mode, _themeContext_customTheme;
+  var context = (0, import_ConnectKit.useContext)();
+  var themeContext = (0, import_ConnectKitThemeProvider.useThemeContext)();
+  var locales = (0, import_useLocales.default)();
+  var [offset, setOffset] = (0, import_react.useState)({
+    x: 0,
+    y: 0
+  });
+  (0, import_useLockBodyScroll.default)(open);
+  var contentRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(function () {
+    var listener = function listener2(e) {
+      if (!open) return;
+      if (e.key === "Escape") onClose();
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        var _contentRef_current;
+        if (!contentRef.current) return;
+        e.preventDefault();
+        var focusableEls = (_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.querySelectorAll(`
+            a[href]:not(:disabled),
+            button:not(:disabled),
+            textarea:not(:disabled),
+            input[type="text"]:not(:disabled),
+            input[type="radio"]:not(:disabled),
+            input[type="checkbox"]:not(:disabled),
+            select:not(:disabled)
+          `),
+          firstFocusableEl = focusableEls[0],
+          lastFocusableEl = focusableEls[focusableEls.length - 1];
+        if (e.key === "ArrowUp") {
+          if (document.activeElement === firstFocusableEl) {
+            lastFocusableEl.focus();
+          } else {
+            var _document_activeElement, _document;
+            var focusItem = (_document = document) === null || _document === void 0 ? void 0 : (_document_activeElement = _document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.previousSibling;
+            if (!focusItem) focusItem = lastFocusableEl;
+            while (focusItem.disabled) focusItem = focusItem.previousSibling;
+            focusItem.focus();
+          }
+        } else {
+          if (document.activeElement === lastFocusableEl) {
+            firstFocusableEl.focus();
+          } else {
+            var _document_activeElement1, _document1;
+            var focusItem1 = (_document1 = document) === null || _document1 === void 0 ? void 0 : (_document_activeElement1 = _document1.activeElement) === null || _document_activeElement1 === void 0 ? void 0 : _document_activeElement1.nextSibling;
+            if (!focusItem1) focusItem1 = firstFocusableEl;
+            while (focusItem1.disabled) focusItem1 = focusItem1.nextSibling;
+            focusItem1.focus();
+          }
+        }
+      }
+    };
+    document.addEventListener("keydown", listener);
+    return function () {
+      document.removeEventListener("keydown", listener);
+    };
+  }, [open]);
+  var targetRef = (0, import_react.useRef)(null);
+  var innerRef = (0, import_react.useCallback)(function (node) {
+    if (!node) return;
+    targetRef.current = node;
+    refresh();
+  }, [open]);
+  var [ref, bounds] = (0, import_react_use_measure.default)({
+    debounce: 120,
+    // waits until modal transition has finished before measuring
+    offsetSize: true,
+    scroll: true
+  });
+  var refresh = function refresh2() {
+    if (!targetRef.current || bounds.top + bounds.bottom + bounds.left + bounds.right + bounds.height + bounds.width === 0) {
+      return;
+    }
+    var x = bounds.left + offsetX;
+    var y = bounds.top + bounds.height + offsetY;
+    targetRef.current.style.left = `${x}px`;
+    targetRef.current.style.top = `${y}px`;
+  };
+  var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+  useIsomorphicLayoutEffect(refresh, [targetRef.current, bounds, open]);
+  (0, import_react.useEffect)(refresh, [open, targetRef.current]);
+  var onScroll = onClose;
+  var onResize = onClose;
+  (0, import_react.useEffect)(function () {
+    refresh();
+    window.addEventListener("scroll", onScroll);
+    window.addEventListener("resize", onResize);
+    return function () {
+      window.removeEventListener("scroll", onScroll);
+      window.removeEventListener("resize", onResize);
+    };
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      ref,
+      children
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+      children: open && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Portal.default, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ResetContainer, {
+          $useTheme: (_themeContext_theme = themeContext.theme) !== null && _themeContext_theme !== void 0 ? _themeContext_theme : context.theme,
+          $useMode: (_themeContext_mode = themeContext.mode) !== null && _themeContext_mode !== void 0 ? _themeContext_mode : context.mode,
+          $customTheme: (_themeContext_customTheme = themeContext.customTheme) !== null && _themeContext_customTheme !== void 0 ? _themeContext_customTheme : context.customTheme,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useFocusTrap.default, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.DropdownWindow, {
+              ref: contentRef,
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.DropdownOverlay, {
+                onClick: onClose
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.DropdownContainer, {
+                ref: innerRef,
+                style: {
+                  left: offset.x,
+                  top: offset.y
+                },
+                initial: "collapsed",
+                animate: "open",
+                exit: "collapsed",
+                variants: {
+                  collapsed: {
+                    transformOrigin: "0 0",
+                    opacity: 0,
+                    scale: 0.96,
+                    z: 0.01,
+                    y: -4,
+                    x: 0,
+                    transition: {
+                      duration: 0.1
+                    }
+                  },
+                  open: {
+                    transformOrigin: "0 0",
+                    willChange: "opacity,transform",
+                    opacity: 1,
+                    scale: 1,
+                    z: 0.01,
+                    y: 0,
+                    x: 0,
+                    transition: {
+                      ease: [0.76, 0, 0.24, 1],
+                      duration: 0.15
+                    }
+                  }
+                },
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.DropdownHeading, {
+                  children: locales.switchNetworks
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChainSelectList.default, {})]
+              })]
+            })
+          })
+        })
+      })
+    })]
+  });
+};
+var ChainSelectDropdown_default = ChainSelectDropdown;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/connectkit/components/Common/ChainSelectDropdown/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChainSelectDropdown_exports","__export","default","ChainSelectDropdown_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_ConnectKit","import_react_use_measure","import_ChainSelectList","import_Portal","import_styles","import_styles2","import_framer_motion","import_ConnectKitThemeProvider","import_useFocusTrap","import_useLockBodyScroll","import_useLocales","ChainSelectDropdown","ChainSelectDropdown2","param","children","open","onClose","offsetX","offsetY","_themeContext_theme","_themeContext_mode","_themeContext_customTheme","context","useContext","themeContext","useThemeContext","locales","offset","setOffset","useState","x","y","contentRef","useRef","useEffect","listener","listener2","e","key","_contentRef_current","current","preventDefault","focusableEls","querySelectorAll","firstFocusableEl","lastFocusableEl","length","document","activeElement","focus","_document_activeElement","_document","focusItem","previousSibling","disabled","_document_activeElement1","_document1","focusItem1","nextSibling","addEventListener","removeEventListener","targetRef","innerRef","useCallback","node","refresh","ref","bounds","debounce","offsetSize","scroll","refresh2","top","bottom","left","right","height","width","style","useIsomorphicLayoutEffect","window","useLayoutEffect","onScroll","onResize","jsxs","Fragment","jsx","AnimatePresence","ResetContainer","$useTheme","theme","$useMode","mode","$customTheme","customTheme","DropdownWindow","DropdownOverlay","onClick","DropdownContainer","initial","animate","exit","variants","collapsed","transformOrigin","opacity","scale","z","transition","duration"],"sources":["../../../../../../src/connectkit/components/Common/ChainSelectDropdown/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/Common/ChainSelectDropdown/styles.cjs

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  DropdownContainer: () => DropdownContainer,
+  DropdownHeading: () => DropdownHeading,
+  DropdownOverlay: () => DropdownOverlay,
+  DropdownWindow: () => DropdownWindow
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_framer_motion = require("framer-motion");
+const DropdownWindow = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 2147483647;
+  position: fixed;
+  inset: 0;
+`;
+const DropdownOverlay = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+`;
+const DropdownContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  --shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
+  --background: var(--ck-dropdown-background, var(--ck-tooltip-background));
+  --border-radius: var(
+    --ck-dropdown-border-radius,
+    var(--ck-tooltip-border-radius, 12px)
+  );
+
+  pointer-events: auto;
+  z-index: 2147483647;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  max-width: fit-content;
+  padding: 14px 16px 16px;
+  color: var(--ck-dropdown-color, var(--ck-tooltip-color));
+  background: var(--background);
+  box-shadow: var(
+    --ck-dropdown-box-shadow,
+    var(--ck-tooltip-shadow, var(--shadow))
+  );
+  border-radius: var(--border-radius);
+`;
+const DropdownHeading = (0, import_styled.default)(import_framer_motion.motion.div)`
+  padding: 0 0 6px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  user-select: none;
+  color: var(--ck-dropdown-color, var(--ck-tooltip-color));
+`;

package/dist/cjs/connectkit/components/Common/ChainSelectDropdown/styles.native.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  DropdownContainer: () => DropdownContainer,
+  DropdownHeading: () => DropdownHeading,
+  DropdownOverlay: () => DropdownOverlay,
+  DropdownWindow: () => DropdownWindow
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_framer_motion = require("framer-motion");
+var DropdownWindow = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 2147483647;
+  position: fixed;
+  inset: 0;
+`;
+var DropdownOverlay = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+`;
+var DropdownContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  --shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
+  --background: var(--ck-dropdown-background, var(--ck-tooltip-background));
+  --border-radius: var(
+    --ck-dropdown-border-radius,
+    var(--ck-tooltip-border-radius, 12px)
+  );
+
+  pointer-events: auto;
+  z-index: 2147483647;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  max-width: fit-content;
+  padding: 14px 16px 16px;
+  color: var(--ck-dropdown-color, var(--ck-tooltip-color));
+  background: var(--background);
+  box-shadow: var(
+    --ck-dropdown-box-shadow,
+    var(--ck-tooltip-shadow, var(--shadow))
+  );
+  border-radius: var(--border-radius);
+`;
+var DropdownHeading = (0, import_styled.default)(import_framer_motion.motion.div)`
+  padding: 0 0 6px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  user-select: none;
+  color: var(--ck-dropdown-color, var(--ck-tooltip-color));
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/cjs/connectkit/components/Common/ChainSelectDropdown/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","DropdownContainer","DropdownHeading","DropdownOverlay","DropdownWindow","module","exports","import_styled","__toESM","require","import_framer_motion","default","motion","div"],"sources":["../../../../../../src/connectkit/components/Common/ChainSelectDropdown/styles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAmB,CAAAK,cAAA;AACnB,IAAAQ,aAAA,GAAAC,OAAuB,CAAAC,OAAA;AAEhB,IAAAC,oBAAM,GAAiBD,OAAA,gBAAO;AAAU,IAAAL,cAAA,OAAAG,aAAA,CAAAI,OAAA,EAAAD,oBAAA,CAAAE,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAKxC;AAAyC,IAAAV,eAAA,OAAAI,aAAA,CAAAI,OAAA,EAAAD,oBAAA,CAAAE,MAAA,CAAAC,GAAA;AAAA;AAAA;AAIzC;AAA2C,IAAAZ,iBAAA,OAAAM,aAAA,CAAAI,OAAA,EAAAD,oBAAA,CAAAE,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwB3C;AAAyC,IAAAX,eAAA,OAAAK,aAAA,CAAAI,OAAA,EAAAD,oBAAA,CAAAE,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}