@multiplatform.one/web3 5.0.27

package/dist/cjs/connectkit/components/Pages/Onboarding/styles.native.js

@@ -0,0 +1,217 @@
+"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, {
+  FloatWrapper: () => FloatWrapper,
+  Graphic: () => Graphic,
+  GraphicBackground: () => GraphicBackground,
+  Logo: () => Logo,
+  LogoGraphic: () => LogoGraphic,
+  LogoGroup: () => LogoGroup,
+  LogoInner: () => LogoInner,
+  LogoPosition: () => LogoPosition,
+  RotateWrapper: () => RotateWrapper
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = require("styled-components");
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_framer_motion = require("framer-motion");
+var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.native.js"));
+var Graphic = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  margin: 16px auto 20px;
+  height: 190px;
+  max-width: 295px;
+  pointer-events: none;
+  user-select: none;
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    height: 200px;
+    max-width: 100%;
+    margin-bottom: 32px;
+  }
+`;
+var LogoGroup = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+`;
+var graphicIn = import_styled_components.keyframes`
+  0%{
+    opacity:0;
+    transform:scale(0.9);
+  }
+  100%{
+    opacity:1;
+    transform:none;
+  }
+`;
+var GraphicBackground = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  top: -2px;
+  overflow: hidden;
+  &:before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: var(--ck-body-background);
+    background: radial-gradient(
+      closest-side,
+      var(--ck-body-background-transparent, transparent) 18.75%,
+      var(--ck-body-background) 100%
+    );
+    background-size: 100%;
+  }
+  svg {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+  animation: ${graphicIn} 1000ms 100ms ease both;
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    animation: none;
+  }
+`;
+var logoIn = import_styled_components.keyframes`
+  0%{
+    opacity:0;
+    transform:scale(0) translateY(40%);
+  }
+  100%{
+    opacity:1;
+    transform:none;
+  }
+`;
+var LogoPosition = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
+  animation-delay: inherit;
+`;
+var LogoInner = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+`;
+var LogoGraphic = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  overflow: hidden;
+  height: 58px;
+  width: 58px;
+  border-radius: 13.84px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 20px 0 rgba(0, 0, 0, 0.03);
+
+  svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+`;
+var float = import_styled_components.keyframes`
+  0%,100%{ transform:none; }
+  50%{ transform: translateY(-10%) }
+`;
+var FloatWrapper = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
+  animation-name: ${float};
+  animation-duration: 3600ms;
+`;
+var rotate = import_styled_components.keyframes`
+  0%,100%{ transform:rotate(-3deg); }
+  50%{ transform:rotate(3deg); }
+`;
+var RotateWrapper = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+  animation: cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
+  animation-name: ${rotate};
+  animation-duration: 3200ms;
+`;
+var Logo = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 0;
+
+  animation: ${logoIn} 750ms cubic-bezier(0.19, 1, 0.22, 1) both;
+  &:nth-child(1){ z-index:2; animation-delay:0ms;  }
+  &:nth-child(2){ z-index:1; animation-delay:60ms; }
+  &:nth-child(3){ z-index:1; animation-delay:30ms; }
+  &:nth-child(4){ z-index:1; animation-delay:90ms; }
+  &:nth-child(5){ z-index:1; animation-delay:120ms;}
+
+  &:nth-child(1){ ${RotateWrapper}{ animation-delay:0ms; } }
+  &:nth-child(2){ ${RotateWrapper}{ animation-delay:-600ms; } }
+  &:nth-child(3){ ${RotateWrapper}{ animation-delay:-1200ms; } }
+  &:nth-child(4){ ${RotateWrapper}{ animation-delay:-1800ms; } }
+  &:nth-child(5){ ${RotateWrapper}{ animation-delay:-2400ms; } }
+
+  &:nth-child(1){ ${FloatWrapper}{ animation-delay:-200ms; } }
+  &:nth-child(2){ ${FloatWrapper}{ animation-delay:-600ms; } }
+  &:nth-child(3){ ${FloatWrapper}{ animation-delay:-800ms; } }
+  &:nth-child(4){ ${FloatWrapper}{ animation-delay:-300ms; } }
+  &:nth-child(5){ ${FloatWrapper}{ animation-delay:-3200ms; } }
+
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    animation: none !important;
+    ${RotateWrapper},${FloatWrapper} {
+      animation: none !important;
+    }
+  }
+
+  ${LogoInner} {
+    transform: translate(-50%, -50%);
+  }
+
+  &:nth-child(1) ${LogoPosition} {
+    transform: translate(50%, 50%);
+    ${LogoGraphic} {
+      border-radius: 17.2px;
+      width: 72px;
+      height: 72px;
+    }
+  }
+  &:nth-child(2) ${LogoPosition} {
+    transform: translate(21%, 21.5%);
+  }
+  &:nth-child(3) ${LogoPosition} {
+    transform: translate(78%, 14%);
+  }
+  &:nth-child(4) ${LogoPosition} {
+    transform: translate(22.5%, 76%);
+  }
+  &:nth-child(5) ${LogoPosition} {
+    transform: translate(76%, 80%);
+  }
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/cjs/connectkit/components/Pages/Onboarding/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","FloatWrapper","Graphic","GraphicBackground","Logo","LogoGraphic","LogoGroup","LogoInner","LogoPosition","RotateWrapper","module","exports","import_styled_components","require","import_styled","__toESM","import_framer_motion","import_defaultTheme","default","motion","div","mobileWidth","graphicIn","keyframes","logoIn","float","rotate"],"sources":["../../../../../../src/connectkit/components/Pages/Onboarding/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,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAjB,YAAA,CAAAK,cAA0B;AAC1B,IAAAa,wBAAmB,GAAAC,OAAA;AACnB,IAAAC,aAAA,GAAAC,OAAuB,CAAAF,OAAA;AACvB,IAAAG,oBAAA,GAAyBH,OAAA;AAElB,IAAAI,mBAAgB,GAAAF,OAAA,CAAAF,OAAA,4CAAiB;AAAA,IAAAX,OAAA,OAAAY,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOuB,uCAAAH,mBAAA,CAAAC,OAAA,CAAAG,WAAA;AAAA;AAAA;AAAA;AAAA;AAMxD;AAAmC,IAAAf,SAAA,OAAAQ,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAK1C;AAAkB,IAAAE,SAAA,GAAAV,wBAAA,CAAAW,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUX;AAA2C,IAAApB,iBAAA,OAAAW,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,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;AAuB1B,eAAAE,SAAA;AACuC,uCAAAL,mBAAA,CAAAC,OAAA,CAAAG,WAAA;AAAA;AAAA;AAK/D;AAAe,IAAAG,MAAA,GAAAZ,wBAAA,CAAAW,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUR;AAAsC,IAAAf,YAAA,OAAAM,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAMtC;AAAmC,IAAAb,SAAA,OAAAO,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAGnC;AAAqC,IAAAf,WAAA,OAAAS,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc5C;AAAc,IAAAK,KAAA,GAAAb,wBAAA,CAAAW,SAAA;AAAA;AAAA;AAIP;AAAsC,IAAAtB,YAAA,OAAAa,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAAA;AAGpB,oBAAAK,KAAA;AAAA;AAGzB;AAAe,IAAAC,MAAA,GAAAd,wBAAA,CAAAW,SAAA;AAAA;AAAA;AAIR;AAAuC,IAAAd,aAAA,OAAAK,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAAA;AAGpB,oBAAAM,MAAA;AAAA;AAGnB;AAA8B,IAAAtB,IAAA,OAAAU,aAAA,CAAAI,OAAA,EAAAF,oBAAA,CAAAG,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAIhB,eAAAI,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOY,oBACbf,aAAa;AAAA,oBACbA,aAAa;AAAA,oBACbA,aAAa;AAAA,oBACbA,aAAa;AAAA,oBAAAA,aAAA;AAAA;AAED,oBACZR,YAAY;AAAA,oBACZA,YAAY;AAAA,oBACZA,YAAY;AAAA,oBACZA,YAAY;AAAA,oBAAAA,YAAA;AAAA;AAE+B,uCAAAgB,mBAAA,CAAAC,OAAA,CAAAG,WAAA;AAAA;AAE5B,MAAAZ,aAAA,IAAAR,YAAA;AAAA;AAAA;AAAA;AAAA;AAKtB,IAAAM,SAAA;AAAA;AAAA;AAAA;AAIkB,mBAAAC,YAAA;AAAA;AAEd,MAAAH,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMc,mBAAAG,YAAA;AAAA;AAAA;AAGA,mBAAAA,YAAA;AAAA;AAAA;AAGA,mBAAAA,YAAA;AAAA;AAAA;AAGA,mBAAAA,YAAA;AAAA;AAAA","ignoreList":[]}

package/dist/cjs/connectkit/components/Pages/Profile/index.cjs

@@ -0,0 +1,192 @@
+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 Profile_exports = {};
+__export(Profile_exports, {
+  default: () => Profile_default
+});
+module.exports = __toCommonJS(Profile_exports);
+var import_react = require("react");
+var import_ConnectKit = require("../../ConnectKit.cjs");
+var import_utils = require("../../../utils/index.cjs");
+var import_wagmi = require("wagmi");
+var import_viem = require("viem");
+var import_styles = require("./styles.cjs");
+var import_styles2 = require("../../Common/Modal/styles.cjs");
+var import_Button = __toESM(require("../../Common/Button/index.cjs"));
+var import_Avatar = __toESM(require("../../Common/Avatar/index.cjs"));
+var import_ChainSelect = __toESM(require("../../Common/ChainSelect/index.cjs"));
+var import_icons = require("../../../assets/icons.cjs");
+var import_CopyToClipboard = __toESM(require("../../Common/CopyToClipboard/index.cjs"));
+var import_framer_motion = require("framer-motion");
+var import_ConnectKitThemeProvider = require("../../ConnectKitThemeProvider/ConnectKitThemeProvider.cjs");
+var import_useLocales = __toESM(require("../../../hooks/useLocales.cjs"));
+var import_useEnsFallbackConfig = require("../../../hooks/useEnsFallbackConfig.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Profile = ({
+  closeModal
+}) => {
+  const context = (0, import_ConnectKit.useContext)();
+  const themeContext = (0, import_ConnectKitThemeProvider.useThemeContext)();
+  const locales = (0, import_useLocales.default)();
+  const {
+    reset
+  } = (0, import_wagmi.useConnect)();
+  const {
+    disconnect
+  } = (0, import_wagmi.useDisconnect)();
+  const {
+    address,
+    isConnected,
+    connector,
+    chain
+  } = (0, import_wagmi.useAccount)();
+  const isAaveAccount = (0, import_utils.isAaveAccountConnector)(connector?.id);
+  const {
+    data: connectorClient
+  } = (0, import_wagmi.useConnectorClient)({
+    connector
+  });
+  const ensFallbackConfig = (0, import_useEnsFallbackConfig.useEnsFallbackConfig)();
+  const {
+    data: ensName
+  } = (0, import_wagmi.useEnsName)({
+    chainId: 1,
+    address,
+    config: ensFallbackConfig
+  });
+  const {
+    data: rawBalance
+  } = (0, import_wagmi.useBalance)({
+    address
+    //watch: true,
+  });
+  const balance = rawBalance ? {
+    ...rawBalance,
+    formatted: (0, import_viem.formatUnits)(rawBalance.value, rawBalance.decimals)
+  } : void 0;
+  const [shouldDisconnect, setShouldDisconnect] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!isConnected) context.setOpen(false);
+  }, [isConnected]);
+  (0, import_react.useEffect)(() => {
+    if (!shouldDisconnect) return;
+    if (closeModal) {
+      closeModal();
+    } else {
+      context.setOpen(false);
+    }
+    return () => {
+      disconnect();
+      reset();
+    };
+  }, [shouldDisconnect, disconnect, reset]);
+  const separator = ["web95", "rounded", "minimal"].includes(themeContext.theme ?? context.theme ?? "") ? "...." : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.PageContent, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.ModalContent, {
+      style: {
+        paddingBottom: 22,
+        gap: 6
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.AvatarContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.AvatarInner, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ChainSelectorContainer, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChainSelect.default, {})
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Avatar.default, {
+            address
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalH1, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboard.default, {
+          string: address,
+          children: ensName ?? (0, import_utils.truncateEthAddress)(address, separator)
+        })
+      }), context?.options?.hideBalance ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalBody, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.BalanceContainer, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_framer_motion.AnimatePresence, {
+            mode: "wait",
+            initial: false,
+            children: [balance && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.Balance, {
+              initial: {
+                opacity: 0
+              },
+              animate: {
+                opacity: 1
+              },
+              exit: {
+                opacity: 0
+              },
+              transition: {
+                duration: 0.2
+              },
+              children: [(0, import_utils.nFormatter)(Number(balance?.formatted)), ` `, balance?.symbol]
+            }, `chain-${chain?.id}`), !balance && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LoadingBalance, {
+              initial: {
+                opacity: 0
+              },
+              animate: {
+                opacity: 1
+              },
+              exit: {
+                opacity: 0
+              },
+              transition: {
+                duration: 0.2
+              },
+              children: "\xA0"
+            })]
+          })
+        })
+      })]
+    }), isAaveAccount && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+        onClick: async () => {
+          try {
+            await connectorClient?.request({
+              method: "aave_switchAccounts",
+              params: []
+            });
+          } catch (error) {
+            context.log("rpc method aave_switchAccounts is not implemented in this connector", error);
+          }
+        },
+        children: locales.switchWallets
+      })
+    }), !(0, import_utils.isSafeConnector)(connector?.id) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+      onClick: () => setShouldDisconnect(true),
+      icon: isAaveAccount ? void 0 : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.DisconnectIcon, {}),
+      children: locales.disconnect
+    })]
+  });
+};
+var Profile_default = Profile;

package/dist/cjs/connectkit/components/Pages/Profile/index.native.js

@@ -0,0 +1,199 @@
+"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 Profile_exports = {};
+__export(Profile_exports, {
+  default: () => Profile_default
+});
+module.exports = __toCommonJS(Profile_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ConnectKit = require("../../ConnectKit.native.js");
+var import_utils = require("../../../utils/index.native.js");
+var import_wagmi = require("wagmi");
+var import_viem = require("viem");
+var import_styles = require("./styles.native.js");
+var import_styles2 = require("../../Common/Modal/styles.native.js");
+var import_Button = __toESM(require("../../Common/Button/index.native.js"));
+var import_Avatar = __toESM(require("../../Common/Avatar/index.native.js"));
+var import_ChainSelect = __toESM(require("../../Common/ChainSelect/index.native.js"));
+var import_icons = require("../../../assets/icons.native.js");
+var import_CopyToClipboard = __toESM(require("../../Common/CopyToClipboard/index.native.js"));
+var import_framer_motion = require("framer-motion");
+var import_ConnectKitThemeProvider = require("../../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js");
+var import_useLocales = __toESM(require("../../../hooks/useLocales.native.js"));
+var import_useEnsFallbackConfig = require("../../../hooks/useEnsFallbackConfig.native.js");
+var Profile = function Profile2(param) {
+  var {
+    closeModal
+  } = param;
+  var _ref, _themeContext_theme;
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  var themeContext = (0, import_ConnectKitThemeProvider.useThemeContext)();
+  var locales = (0, import_useLocales.default)();
+  var {
+    reset
+  } = (0, import_wagmi.useConnect)();
+  var {
+    disconnect
+  } = (0, import_wagmi.useDisconnect)();
+  var {
+    address,
+    isConnected,
+    connector,
+    chain
+  } = (0, import_wagmi.useAccount)();
+  var isAaveAccount = (0, import_utils.isAaveAccountConnector)(connector === null || connector === void 0 ? void 0 : connector.id);
+  var {
+    data: connectorClient
+  } = (0, import_wagmi.useConnectorClient)({
+    connector
+  });
+  var ensFallbackConfig = (0, import_useEnsFallbackConfig.useEnsFallbackConfig)();
+  var {
+    data: ensName
+  } = (0, import_wagmi.useEnsName)({
+    chainId: 1,
+    address,
+    config: ensFallbackConfig
+  });
+  var {
+    data: rawBalance
+  } = (0, import_wagmi.useBalance)({
+    address
+  });
+  var balance = rawBalance ? {
+    ...rawBalance,
+    formatted: (0, import_viem.formatUnits)(rawBalance.value, rawBalance.decimals)
+  } : void 0;
+  var [shouldDisconnect, setShouldDisconnect] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(function () {
+    if (!isConnected) context.setOpen(false);
+  }, [isConnected]);
+  (0, import_react.useEffect)(function () {
+    if (!shouldDisconnect) return;
+    if (closeModal) {
+      closeModal();
+    } else {
+      context.setOpen(false);
+    }
+    return function () {
+      disconnect();
+      reset();
+    };
+  }, [shouldDisconnect, disconnect, reset]);
+  var separator = ["web95", "rounded", "minimal"].includes((_ref = (_themeContext_theme = themeContext.theme) !== null && _themeContext_theme !== void 0 ? _themeContext_theme : context.theme) !== null && _ref !== void 0 ? _ref : "") ? "...." : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.PageContent, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.ModalContent, {
+      style: {
+        paddingBottom: 22,
+        gap: 6
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.AvatarContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.AvatarInner, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ChainSelectorContainer, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChainSelect.default, {})
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Avatar.default, {
+            address
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalH1, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboard.default, {
+          string: address,
+          children: ensName !== null && ensName !== void 0 ? ensName : (0, import_utils.truncateEthAddress)(address, separator)
+        })
+      }), (context === null || context === void 0 ? void 0 : (_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideBalance) ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ModalBody, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.BalanceContainer, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_framer_motion.AnimatePresence, {
+            mode: "wait",
+            initial: false,
+            children: [balance && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.Balance, {
+              initial: {
+                opacity: 0
+              },
+              animate: {
+                opacity: 1
+              },
+              exit: {
+                opacity: 0
+              },
+              transition: {
+                duration: 0.2
+              },
+              children: [(0, import_utils.nFormatter)(Number(balance === null || balance === void 0 ? void 0 : balance.formatted)), ` `, balance === null || balance === void 0 ? void 0 : balance.symbol]
+            }, `chain-${chain === null || chain === void 0 ? void 0 : chain.id}`), !balance && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LoadingBalance, {
+              initial: {
+                opacity: 0
+              },
+              animate: {
+                opacity: 1
+              },
+              exit: {
+                opacity: 0
+              },
+              transition: {
+                duration: 0.2
+              },
+              children: "\xA0"
+            })]
+          })
+        })
+      })]
+    }), isAaveAccount && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+        onClick: async function onClick() {
+          try {
+            await (connectorClient === null || connectorClient === void 0 ? void 0 : connectorClient.request({
+              method: "aave_switchAccounts",
+              params: []
+            }));
+          } catch (error) {
+            context.log("rpc method aave_switchAccounts is not implemented in this connector", error);
+          }
+        },
+        children: locales.switchWallets
+      })
+    }), !(0, import_utils.isSafeConnector)(connector === null || connector === void 0 ? void 0 : connector.id) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+      onClick: function onClick() {
+        return setShouldDisconnect(true);
+      },
+      icon: isAaveAccount ? void 0 : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.DisconnectIcon, {}),
+      children: locales.disconnect
+    })]
+  });
+};
+var Profile_default = Profile;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/connectkit/components/Pages/Profile/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Profile_exports","__export","default","Profile_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_ConnectKit","import_utils","import_wagmi","import_viem","import_styles","import_styles2","import_Button","import_Avatar","import_ChainSelect","import_icons","import_CopyToClipboard","import_framer_motion","import_ConnectKitThemeProvider","import_useLocales","import_useEnsFallbackConfig","Profile","Profile2","param","closeModal","_ref","_themeContext_theme","_context_options","context","useContext","themeContext","useThemeContext","locales","reset","useConnect","disconnect","useDisconnect","address","isConnected","connector","chain","useAccount","isAaveAccount","isAaveAccountConnector","id","data","connectorClient","useConnectorClient","ensFallbackConfig","useEnsFallbackConfig","ensName","useEnsName","chainId","config","rawBalance","useBalance","balance","formatted","formatUnits","decimals","shouldDisconnect","setShouldDisconnect","useState","useEffect","setOpen","separator","includes","theme","jsxs","PageContent","children","ModalContent","style","paddingBottom","gap","jsx","AvatarContainer","AvatarInner","ChainSelectorContainer","ModalH1","string","truncateEthAddress","options","hideBalance","ModalBody","BalanceContainer","AnimatePresence","mode","initial","Balance","opacity","animate","exit","transition","duration","nFormatter","Number","symbol"],"sources":["../../../../../../src/connectkit/components/Pages/Profile/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}