@particle-network/connectkit 2.0.16 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +29 -22
- package/dist/cjs/index.cjs.map +2 -2
- package/dist/esm/index.mjs +33 -26
- package/dist/esm/index.mjs.map +3 -3
- package/dist/types/assets/aa.d.ts +1 -2
- package/dist/types/components/CustomQRCode/styles.d.ts +5 -1317
- package/dist/types/components/button/index.d.ts +1 -1
- package/dist/types/components/button/styles.d.ts +1 -265
- package/dist/types/components/circleSpinner/styles.d.ts +5 -1317
- package/dist/types/components/connectButton/styles.d.ts +1 -265
- package/dist/types/components/divider/styles.d.ts +1 -265
- package/dist/types/components/loadingSpinner/styles.d.ts +2 -528
- package/dist/types/components/modal/styles.d.ts +13 -3440
- package/dist/types/components/socialLogin/styles.d.ts +3 -791
- package/dist/types/components/squircleSpinner/styles.d.ts +4 -1054
- package/dist/types/components/wallets/styles.d.ts +5 -1317
- package/dist/types/context/index.d.ts +1 -1
- package/dist/types/hooks/useConnect.d.ts +1 -1
- package/dist/types/hooks/useDisconnect.d.ts +1 -1
- package/dist/types/hooks/useFocusTrap.d.ts +1 -1
- package/dist/types/hooks/useResizeObserver.d.ts +1 -1
- package/dist/types/hooks/useSwitchAccount.d.ts +1 -1
- package/dist/types/hooks/useSwitchChain.d.ts +1 -1
- package/dist/types/pages/connecting/styles.d.ts +5 -1327
- package/dist/types/pages/downloadApp/styles.d.ts +4 -534
- package/dist/types/pages/selectChain/styles.d.ts +1 -265
- package/dist/types/pages/signup/styles.d.ts +2 -540
- package/dist/types/pages/walletconnect/styles.d.ts +3 -791
- package/dist/types/styles/index.d.ts +1 -265
- package/dist/types/types/properties.d.ts +1 -1
- package/dist/types/utils/index.d.ts +1 -7
- package/package.json +14 -14
package/dist/cjs/index.cjs
CHANGED
|
@@ -9658,7 +9658,7 @@ var PhoneInputItem = () => {
|
|
|
9658
9658
|
const countryListWrapRef = (0, import_react25.useRef)(null);
|
|
9659
9659
|
const footerRef = (0, import_react25.useRef)(null);
|
|
9660
9660
|
const phoneContainerRef = (0, import_react25.useRef)(null);
|
|
9661
|
-
const timer = (0, import_react25.useRef)();
|
|
9661
|
+
const timer = (0, import_react25.useRef)(void 0);
|
|
9662
9662
|
const dropdownRef = (0, import_react25.useRef)(null);
|
|
9663
9663
|
const walletConnector = useWalletConnector("particleAuth");
|
|
9664
9664
|
const sendCode = async () => {
|
|
@@ -10319,7 +10319,7 @@ var ChainDropdown = ({
|
|
|
10319
10319
|
const [hoverIndex, setHoverIndex] = (0, import_react31.useState)(-1);
|
|
10320
10320
|
const [targetChainId, setTargetChainId] = (0, import_react31.useState)();
|
|
10321
10321
|
const dropdownRef = (0, import_react31.useRef)(null);
|
|
10322
|
-
const timer = (0, import_react31.useRef)();
|
|
10322
|
+
const timer = (0, import_react31.useRef)(void 0);
|
|
10323
10323
|
const dropdownWrapperRef = (0, import_react31.useRef)(null);
|
|
10324
10324
|
const selectedItemRef = (0, import_react31.useRef)(null);
|
|
10325
10325
|
const isParticle = (0, import_react31.useMemo)(() => {
|
|
@@ -11101,7 +11101,7 @@ var Page6 = () => {
|
|
|
11101
11101
|
const [refreshBalance, setRefreshBalance] = (0, import_react36.useState)(false);
|
|
11102
11102
|
const [chainDropdownVisible, setChainDropdownVisible] = (0, import_react36.useState)(false);
|
|
11103
11103
|
const [balance, setBalance] = (0, import_react36.useState)(null);
|
|
11104
|
-
const timer = (0, import_react36.useRef)();
|
|
11104
|
+
const timer = (0, import_react36.useRef)(void 0);
|
|
11105
11105
|
const walletInfoLeftRef = (0, import_react36.useRef)(null);
|
|
11106
11106
|
const [disconnectLoading, setDisconnectLoading] = (0, import_react36.useState)(false);
|
|
11107
11107
|
const currentChainType = (0, import_react36.useMemo)(() => {
|
|
@@ -11641,10 +11641,13 @@ var WalletIcon2 = ({ size = 20, aaName = "" }) => {
|
|
|
11641
11641
|
const AAIcon = getAAIcon(aaName);
|
|
11642
11642
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StyleWalletIconContainer, { width: size, height: size, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(StyleAAWrapper, { children: [
|
|
11643
11643
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AAIcon, {}),
|
|
11644
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StyleCMWrapper, { width: cmSize, height: cmSize, children: walletConnection?.walletProps.icon && (0, import_react37.cloneElement)(
|
|
11645
|
-
|
|
11646
|
-
|
|
11647
|
-
|
|
11644
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StyleCMWrapper, { width: cmSize, height: cmSize, children: walletConnection?.walletProps.icon && (0, import_react37.cloneElement)(
|
|
11645
|
+
walletConnection?.walletProps.icon,
|
|
11646
|
+
{
|
|
11647
|
+
width: cmSize,
|
|
11648
|
+
height: cmSize
|
|
11649
|
+
}
|
|
11650
|
+
) })
|
|
11648
11651
|
] }, aaName) });
|
|
11649
11652
|
};
|
|
11650
11653
|
var walletAAIcon_default = WalletIcon2;
|
|
@@ -11654,10 +11657,13 @@ var import_react38 = require("react");
|
|
|
11654
11657
|
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
11655
11658
|
var WalletIcon3 = ({ size = 20 }) => {
|
|
11656
11659
|
const [walletConnection] = useWalletConnections();
|
|
11657
|
-
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StyleWalletIconContainer, { width: size, height: size, children: walletConnection?.walletProps.icon && (0, import_react38.cloneElement)(
|
|
11658
|
-
|
|
11659
|
-
|
|
11660
|
-
|
|
11660
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StyleWalletIconContainer, { width: size, height: size, children: walletConnection?.walletProps.icon && (0, import_react38.cloneElement)(
|
|
11661
|
+
walletConnection?.walletProps.icon,
|
|
11662
|
+
{
|
|
11663
|
+
width: size,
|
|
11664
|
+
height: size
|
|
11665
|
+
}
|
|
11666
|
+
) });
|
|
11661
11667
|
};
|
|
11662
11668
|
var walletIcon_default = WalletIcon3;
|
|
11663
11669
|
|
|
@@ -12093,7 +12099,7 @@ var import_react45 = require("react");
|
|
|
12093
12099
|
var import_react_dom2 = require("react-dom");
|
|
12094
12100
|
|
|
12095
12101
|
// src/version.ts
|
|
12096
|
-
var version = "2.0
|
|
12102
|
+
var version = "2.1.0";
|
|
12097
12103
|
|
|
12098
12104
|
// src/components/portal/index.tsx
|
|
12099
12105
|
var Portal = (props) => {
|
|
@@ -12538,17 +12544,18 @@ var ConnectKitProvider = (parameters) => {
|
|
|
12538
12544
|
} : void 0
|
|
12539
12545
|
};
|
|
12540
12546
|
}, [config, appearance]);
|
|
12541
|
-
|
|
12542
|
-
options: config.options,
|
|
12543
|
-
config
|
|
12544
|
-
};
|
|
12545
|
-
return (0, import_react49.createElement)(
|
|
12547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
12546
12548
|
Context.Provider,
|
|
12547
|
-
{
|
|
12548
|
-
|
|
12549
|
-
|
|
12550
|
-
|
|
12551
|
-
|
|
12549
|
+
{
|
|
12550
|
+
value: {
|
|
12551
|
+
options: config.options,
|
|
12552
|
+
config
|
|
12553
|
+
},
|
|
12554
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AuthCoreContextProvider, { ...authOptions, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Web3Provder, { children: [
|
|
12555
|
+
children,
|
|
12556
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ModalProvider, { reconnectOnMount, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(connectModal_default, {}) })
|
|
12557
|
+
] }) })
|
|
12558
|
+
}
|
|
12552
12559
|
);
|
|
12553
12560
|
};
|
|
12554
12561
|
var useContext = () => {
|