@particle-network/connectkit 2.0.16 → 2.1.1

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.
Files changed (32) hide show
  1. package/dist/cjs/index.cjs +29 -22
  2. package/dist/cjs/index.cjs.map +2 -2
  3. package/dist/esm/index.mjs +33 -26
  4. package/dist/esm/index.mjs.map +3 -3
  5. package/dist/types/assets/aa.d.ts +1 -2
  6. package/dist/types/components/CustomQRCode/styles.d.ts +5 -1317
  7. package/dist/types/components/button/index.d.ts +1 -1
  8. package/dist/types/components/button/styles.d.ts +1 -265
  9. package/dist/types/components/circleSpinner/styles.d.ts +5 -1317
  10. package/dist/types/components/connectButton/styles.d.ts +1 -265
  11. package/dist/types/components/divider/styles.d.ts +1 -265
  12. package/dist/types/components/loadingSpinner/styles.d.ts +2 -528
  13. package/dist/types/components/modal/styles.d.ts +13 -3440
  14. package/dist/types/components/socialLogin/styles.d.ts +3 -791
  15. package/dist/types/components/squircleSpinner/styles.d.ts +4 -1054
  16. package/dist/types/components/wallets/styles.d.ts +5 -1317
  17. package/dist/types/context/index.d.ts +1 -1
  18. package/dist/types/hooks/useConnect.d.ts +1 -1
  19. package/dist/types/hooks/useDisconnect.d.ts +1 -1
  20. package/dist/types/hooks/useFocusTrap.d.ts +1 -1
  21. package/dist/types/hooks/useResizeObserver.d.ts +1 -1
  22. package/dist/types/hooks/useSwitchAccount.d.ts +1 -1
  23. package/dist/types/hooks/useSwitchChain.d.ts +1 -1
  24. package/dist/types/pages/connecting/styles.d.ts +5 -1327
  25. package/dist/types/pages/downloadApp/styles.d.ts +4 -534
  26. package/dist/types/pages/selectChain/styles.d.ts +1 -265
  27. package/dist/types/pages/signup/styles.d.ts +2 -540
  28. package/dist/types/pages/walletconnect/styles.d.ts +3 -791
  29. package/dist/types/styles/index.d.ts +1 -265
  30. package/dist/types/types/properties.d.ts +1 -1
  31. package/dist/types/utils/index.d.ts +1 -7
  32. package/package.json +14 -14
@@ -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)(walletConnection?.walletProps.icon, {
11645
- width: cmSize,
11646
- height: cmSize
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)(walletConnection?.walletProps.icon, {
11658
- width: size,
11659
- height: size
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.16";
12102
+ var version = "2.1.1";
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
- const value = {
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
- { value },
12548
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AuthCoreContextProvider, { ...authOptions, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Web3Provder, { children: [
12549
- children,
12550
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ModalProvider, { reconnectOnMount, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(connectModal_default, {}) })
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 = () => {