npm - @multiplatform.one/web3 - Versions diffs - 5.1.0 → 6.0.1 - Mend

@multiplatform.one/web3 5.1.0 → 6.0.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 (1907) hide show

package/src/connectkit/assets/chains.tsx CHANGED Viewed

@@ -12,9 +12,7 @@ const KnownChain = ({ testnet, ...props }: Logo) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : 'black',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "black",
     }}
   >
     <path
@@ -61,12 +59,12 @@ const UnknownChain = ({ testnet, ...props }: Logo) => {
 };
 export const Ethereum = ({ testnet, ...props }: Logo) => {
-  let bg = 'var(--ck-chain-ethereum-01, #25292E)';
-  let fill = 'var(--ck-chain-ethereum-02, #ffffff)';
+  let bg = "var(--ck-chain-ethereum-01, #25292E)";
+  let fill = "var(--ck-chain-ethereum-02, #ffffff)";
   if (testnet) {
-    bg = 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)';
-    fill = '#fff';
+    bg = "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)";
+    fill = "#fff";
   }
   return (
@@ -86,24 +84,15 @@ export const Ethereum = ({ testnet, ...props }: Logo) => {
         d="M21.9967 6.99621L21.7955 7.67987V27.5163L21.9967 27.7171L31.2044 22.2744L21.9967 6.99621Z"
         fill={fill}
       />
-      <path
-        d="M21.9957 6.99621L12.7878 22.2744L21.9957 27.7171V18.0891V6.99621Z"
-        fill={fill}
-      />
+      <path d="M21.9957 6.99621L12.7878 22.2744L21.9957 27.7171V18.0891V6.99621Z" fill={fill} />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
         d="M21.9959 36.9996L21.9959 36.9997V36.9995L31.2091 24.0243L21.9959 29.4642L12.788 24.0243L21.9957 36.9993L21.9958 36.9997L21.9959 36.9996Z"
         fill={fill}
       />
-      <path
-        d="M21.996 27.7181L31.2037 22.2753L21.996 18.09V27.7181Z"
-        fill={fill}
-      />
-      <path
-        d="M12.7878 22.2753L21.9957 27.7181V18.09L12.7878 22.2753Z"
-        fill={fill}
-      />
+      <path d="M21.996 27.7181L31.2037 22.2753L21.996 18.09V27.7181Z" fill={fill} />
+      <path d="M12.7878 22.2753L21.9957 27.7181V18.09L12.7878 22.2753Z" fill={fill} />
     </svg>
   );
 };
@@ -117,9 +106,7 @@ export const LensChain = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#2C2D30',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#2C2D30",
     }}
   >
     <path
@@ -139,9 +126,7 @@ export const Polygon = ({ testnet, ...props }: Logo) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#6F41D8',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#6F41D8",
     }}
   >
     <path
@@ -160,9 +145,7 @@ export const Optimism = ({ testnet, ...props }: Logo) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#FF0420',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#FF0420",
     }}
   >
     <path
@@ -186,8 +169,8 @@ export const Optimism = ({ testnet, ...props }: Logo) => (
 );
 export const Arbitrum = ({ testnet, ...props }: Logo) => {
-  const fill = testnet ? '#ffffff' : '#28A0F0';
-  const outlineFill = testnet ? '#ffffff' : '#96BEDC';
+  const fill = testnet ? "#ffffff" : "#28A0F0";
+  const outlineFill = testnet ? "#ffffff" : "#96BEDC";
   return (
     <svg
       {...props}
@@ -198,15 +181,13 @@ export const Arbitrum = ({ testnet, ...props }: Logo) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       style={{
-        background: testnet
-          ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-          : '#2C364F',
+        background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#2C364F",
       }}
     >
       {!testnet && (
         <path
           d="M25.7948 20.5826L28.2683 16.3854L34.9355 26.7696L34.9386 28.7625L34.9168 15.0491C34.9011 14.7137 34.7231 14.407 34.4391 14.2261L22.4357 7.32182C22.1551 7.1838 21.7989 7.18546 21.5187 7.32618C21.4807 7.34524 21.4453 7.36576 21.4113 7.38835L21.3694 7.41467L9.71816 14.1664L9.67298 14.1871C9.61474 14.2137 9.55609 14.2479 9.50076 14.2872C9.27983 14.4456 9.1331 14.68 9.08564 14.9425C9.07859 14.9823 9.0732 15.023 9.07092 15.064L9.08916 26.239L15.2994 16.6138C16.0811 15.3376 17.7847 14.9262 19.3662 14.9488L21.2221 14.9977L10.2862 32.5356L11.5753 33.2778L22.6422 15.0155L27.5338 14.9977L16.4956 33.7209L21.0955 36.3668L21.6451 36.6827C21.8776 36.7772 22.1516 36.7819 22.386 36.6972L34.5581 29.6433L32.2309 30.9918L25.7948 20.5826ZM26.7384 34.175L22.0925 26.8829L24.9287 22.0702L31.0303 31.6876L26.7384 34.175Z"
-          fill={'#2D374B'}
+          fill={"#2D374B"}
         />
       )}
       <path
@@ -243,9 +224,7 @@ export const Telos = ({ testnet, ...props }: Logo) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#571AFF',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#571AFF",
     }}
   >
     <path
@@ -267,9 +246,7 @@ const Aurora = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#6CD544',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#6CD544",
     }}
   >
     <path
@@ -289,9 +266,7 @@ const Avalanche = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#E84142',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#E84142",
     }}
   >
     <path
@@ -315,14 +290,12 @@ const Celo = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#FCFE72',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#FCFE72",
     }}
   >
     <path
       d="M9 9H34.5183V18.112H30.3564C28.896 14.7687 25.6102 12.4171 21.777 12.4171C16.593 12.4171 12.3948 16.6422 12.3948 21.823C12.3948 27.0039 16.593 31.2654 21.777 31.2654C25.5373 31.2654 28.8231 28.9876 30.2829 25.7172H34.5178V34.682H9V9Z"
-      fill={testnet ? '#ffffff' : 'black'}
+      fill={testnet ? "#ffffff" : "black"}
     />
   </svg>
 );
@@ -337,9 +310,7 @@ const Gnosis = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#009CB4',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#009CB4",
     }}
   >
     <path
@@ -361,9 +332,7 @@ const Evmos = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#2D2A25',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#2D2A25",
     }}
   >
     <path
@@ -383,30 +352,28 @@ const BinanceSmartChain = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#16181A',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#16181A",
     }}
   >
     <path
       d="M16.0445 19.6063L21.8705 13.7805L27.6996 19.6093L31.0896 16.2193L21.8705 7L12.6545 16.2163L16.0445 19.6063Z"
-      fill={testnet ? '#fff' : '#F3BA2F'}
+      fill={testnet ? "#fff" : "#F3BA2F"}
     />
     <path
       d="M13.6505 21.9995L10.2606 18.6096L6.87046 21.9997L10.2604 25.3896L13.6505 21.9995Z"
-      fill={testnet ? '#fff' : '#F3BA2F'}
+      fill={testnet ? "#fff" : "#F3BA2F"}
     />
     <path
       d="M16.0445 24.3937L21.8705 30.2195L27.6994 24.3909L31.0913 27.779L31.0896 27.7809L21.8705 37L12.6542 27.7839L12.6495 27.7792L16.0445 24.3937Z"
-      fill={testnet ? '#fff' : '#F3BA2F'}
+      fill={testnet ? "#fff" : "#F3BA2F"}
     />
     <path
       d="M33.4808 25.3911L36.8709 22.001L33.481 18.6111L30.0909 22.0012L33.4808 25.3911Z"
-      fill={testnet ? '#fff' : '#F3BA2F'}
+      fill={testnet ? "#fff" : "#F3BA2F"}
     />
     <path
       d="M25.3091 21.9982H25.3105L21.8705 18.5582L19.3283 21.1004H19.3281L19.0362 21.3926L18.4336 21.9951L18.4289 21.9999L18.4336 22.0048L21.8705 25.4418L25.3105 22.0018L25.3122 21.9999L25.3091 21.9982Z"
-      fill={testnet ? '#fff' : '#F3BA2F'}
+      fill={testnet ? "#fff" : "#F3BA2F"}
     />
   </svg>
 );
@@ -421,9 +388,7 @@ const Canto = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : 'white',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "white",
     }}
   >
     <path
@@ -445,9 +410,7 @@ const Fantom = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#0911EF',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#0911EF",
     }}
   >
     <path
@@ -467,9 +430,7 @@ const Filecoin = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#0090FF',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#0090FF",
     }}
   >
     <path
@@ -491,34 +452,18 @@ const IoTeX = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#00D4D5',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#00D4D5",
     }}
   >
-    <path
-      d="M23.7136 6.875V14.3784L30.2284 10.6315L23.7136 6.875Z"
-      fill="white"
-    />
-    <path
-      opacity="0.9"
-      d="M30.2284 10.6316V18.135L36.7418 14.3785L30.2284 10.6316Z"
-      fill="white"
-    />
+    <path d="M23.7136 6.875V14.3784L30.2284 10.6315L23.7136 6.875Z" fill="white" />
+    <path opacity="0.9" d="M30.2284 10.6316V18.135L36.7418 14.3785L30.2284 10.6316Z" fill="white" />
     <path
       opacity="0.8"
       d="M23.7136 14.3784V21.8818L30.2284 18.1349L23.7136 14.3784ZM30.2284 18.1349V25.6383L36.7417 21.8818L30.2284 18.1349Z"
       fill="white"
     />
-    <path
-      opacity="0.8"
-      d="M23.7136 21.8817V29.385L30.2284 25.6382L23.7136 21.8817Z"
-      fill="white"
-    />
-    <path
-      d="M30.2284 25.6382V33.1416L36.7418 29.3851L30.2284 25.6382Z"
-      fill="white"
-    />
+    <path opacity="0.8" d="M23.7136 21.8817V29.385L30.2284 25.6382L23.7136 21.8817Z" fill="white" />
+    <path d="M30.2284 25.6382V33.1416L36.7418 29.3851L30.2284 25.6382Z" fill="white" />
     <path
       opacity="0.4"
       d="M6.87537 14.1253V21.6287L13.3901 17.8722L6.87537 14.1253Z"
@@ -534,26 +479,14 @@ const IoTeX = ({ testnet, ...props }: { testnet?: boolean }) => (
       d="M10.2648 21.6604V29.1638L16.7781 25.4073L10.2648 21.6604Z"
       fill="white"
     />
-    <path
-      opacity="0.9"
-      d="M14.5575 27.3226V34.826L21.0612 31.0695L14.5575 27.3226Z"
-      fill="white"
-    />
-    <path
-      opacity="0.7"
-      d="M23.66 30.5525V38.0572L30.1637 34.2993L23.66 30.5525Z"
-      fill="white"
-    />
+    <path opacity="0.9" d="M14.5575 27.3226V34.826L21.0612 31.0695L14.5575 27.3226Z" fill="white" />
+    <path opacity="0.7" d="M23.66 30.5525V38.0572L30.1637 34.2993L23.66 30.5525Z" fill="white" />
     <path
       opacity="0.9"
       d="M16.1786 13.2097V20.7145L22.6824 16.9676L16.1786 13.2097Z"
       fill="white"
     />
-    <path
-      opacity="0.8"
-      d="M23.7136 6.875V14.3784L17.1989 10.6315L23.7136 6.875Z"
-      fill="white"
-    />
+    <path opacity="0.8" d="M23.7136 6.875V14.3784L17.1989 10.6315L23.7136 6.875Z" fill="white" />
     <path
       opacity="0.6"
       d="M16.1786 10.0649V17.5669L9.66248 13.8104L16.1786 10.0649Z"
@@ -569,30 +502,15 @@ const IoTeX = ({ testnet, ...props }: { testnet?: boolean }) => (
       d="M15.0635 16.9153V24.4186L8.54877 20.6718L15.0635 16.9153Z"
       fill="white"
     />
-    <path
-      opacity="0.6"
-      d="M23.7136 21.8817V29.385L17.2099 25.6382L23.7136 21.8817Z"
-      fill="white"
-    />
-    <path
-      opacity="0.55"
-      d="M10.2648 23.6295V31.1328L3.75 27.375L10.2648 23.6295Z"
-      fill="white"
-    />
-    <path
-      d="M36.7418 14.3784V21.8818L30.2284 18.1349L36.7418 14.3784Z"
-      fill="white"
-    />
+    <path opacity="0.6" d="M23.7136 21.8817V29.385L17.2099 25.6382L23.7136 21.8817Z" fill="white" />
+    <path opacity="0.55" d="M10.2648 23.6295V31.1328L3.75 27.375L10.2648 23.6295Z" fill="white" />
+    <path d="M36.7418 14.3784V21.8818L30.2284 18.1349L36.7418 14.3784Z" fill="white" />
     <path
       opacity="0.95"
       d="M30.2284 18.1362V25.6382L23.7136 21.8817L30.2284 18.1362Z"
       fill="white"
     />
-    <path
-      opacity="0.9"
-      d="M36.7418 21.8817V29.385L30.2284 25.6382L36.7418 21.8817Z"
-      fill="white"
-    />
+    <path opacity="0.9" d="M36.7418 21.8817V29.385L30.2284 25.6382L36.7418 21.8817Z" fill="white" />
     <path
       opacity="0.7"
       d="M30.2284 25.6382V33.1416L23.7136 29.3851L30.2284 25.6382Z"
@@ -603,10 +521,7 @@ const IoTeX = ({ testnet, ...props }: { testnet?: boolean }) => (
       d="M22.2712 28.7651V36.2684L15.7579 32.5216L22.2712 28.7651Z"
       fill="white"
     />
-    <path
-      d="M30.2284 10.6316V18.135L23.7136 14.3785L30.2284 10.6316Z"
-      fill="white"
-    />
+    <path d="M30.2284 10.6316V18.135L23.7136 14.3785L30.2284 10.6316Z" fill="white" />
   </svg>
 );
@@ -620,14 +535,12 @@ const Metis = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#2F3140',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#2F3140",
     }}
   >
     <path
       d="M37.5175 22.0531C37.4579 19.2923 36.6563 16.5985 35.1968 14.2542C33.7374 11.91 31.674 10.0017 29.223 8.72965C26.772 7.45759 24.0238 6.86863 21.2668 7.02455C18.5098 7.18047 15.8456 8.07553 13.5537 9.61582C11.2617 11.1561 9.42659 13.2849 8.24079 15.7787C7.05498 18.2725 6.56222 21.0396 6.81419 23.7895C7.06617 26.5394 8.05359 29.1708 9.67288 31.4076C11.2922 33.6444 13.4836 35.4042 16.0173 36.5023C16.7657 35.3775 17.3385 34.1453 17.716 32.848C18.0245 32.0632 18.3595 31.2913 18.7067 30.5446C19.5444 30.7955 20.4345 30.8143 21.282 30.5989C22.1295 30.3835 22.9026 29.942 23.5188 29.3215L23.5704 29.2699C22.8136 28.9884 21.9979 28.9032 21.1993 29.022C20.4006 29.1408 19.6451 29.4598 19.0029 29.9494C19.4276 29.0613 19.891 28.1997 20.3667 27.3632C21.189 27.6541 22.075 27.7156 22.9296 27.541C23.7842 27.3665 24.5751 26.9626 25.2175 26.3726L25.2692 26.3209C24.538 26.0116 23.7416 25.8885 22.9513 25.9626C22.1609 26.0368 21.4013 26.3058 20.7404 26.7456C21.216 25.9608 21.7053 25.1889 22.2203 24.468C23.0713 24.6915 23.9672 24.6777 24.811 24.4282C25.6547 24.1787 26.414 23.703 27.0066 23.0526L27.0453 23.001C26.3425 22.7718 25.5958 22.7106 24.8651 22.8224C24.1344 22.9341 23.4401 23.2157 22.838 23.6444C22.8767 23.5928 22.9283 23.5289 22.9664 23.4773C23.2749 23.0784 23.5969 22.6796 23.9177 22.2936C24.8969 21.9731 25.7703 21.3916 26.4436 20.6117C27.117 19.8318 27.5649 18.883 27.7391 17.8674L27.752 17.79H27.7391C26.7194 18.0552 25.7944 18.6007 25.0689 19.3648C24.3434 20.1288 23.8464 21.0808 23.6343 22.1129C23.3258 22.4859 23.0167 22.8603 22.7211 23.2449C22.9706 22.5925 23.0724 21.893 23.0191 21.1966C22.9657 20.5002 22.7586 19.8243 22.4126 19.2176L22.3739 19.2692C21.8489 19.9862 21.5326 20.8345 21.4599 21.7201C21.3873 22.6058 21.5611 23.4942 21.9621 24.2872C21.4729 24.9823 20.9972 25.6897 20.5467 26.4357C20.6918 25.6858 20.6542 24.9118 20.4369 24.1795C20.2196 23.4471 19.8291 22.7779 19.2985 22.2284L19.2727 22.2929C18.9445 23.1107 18.8477 24.0031 18.9929 24.8723C19.1382 25.7415 19.5199 26.5539 20.0962 27.2205C19.6457 28.0054 19.2211 28.816 18.8093 29.6524C18.9344 28.8712 18.8712 28.0715 18.6251 27.3196C18.3789 26.5677 17.9568 25.8855 17.3939 25.3295L17.3681 25.3941C17.0745 26.2514 17.0201 27.1724 17.2105 28.0583C17.401 28.9442 17.8292 29.7614 18.4492 30.4223C18.1774 31.0012 17.9219 31.5774 17.6773 32.1849C17.61 32.1231 17.5313 32.0751 17.4456 32.0435C17.0066 31.916 16.5867 31.7299 16.1974 31.4904C15.8754 31.2994 15.5337 31.144 15.1781 31.027C13.7886 30.5765 13.9945 29.9079 13.2756 28.5564C13.0416 28.2781 12.7931 28.0125 12.5309 27.7607C12.2876 27.603 12.0884 27.386 11.9519 27.1302C11.7934 26.8107 11.6931 26.4656 11.6557 26.1109C11.6514 25.9148 11.5858 25.7249 11.4681 25.5679C11.3504 25.4109 11.1864 25.2948 10.9993 25.2358C8.95338 24.5284 9.86728 21.8778 9.94406 21.5299C9.91262 21.08 9.81271 20.6375 9.64781 20.2178C9.63057 20.1632 9.61763 20.1073 9.60908 20.0506C9.55449 19.776 9.56444 19.4924 9.63813 19.2223C9.71183 18.9521 9.84726 18.7028 10.0338 18.4939C10.2784 18.2493 11.1277 17.8505 11.3078 17.6188C11.4879 17.387 11.6163 17.1295 11.797 16.9114C12.3687 16.3412 13.0291 15.8675 13.7526 15.509C14.3444 15.1876 14.4477 14.364 14.6787 14.1065C15.0647 13.6689 15.6565 13.6689 16.0941 13.283C16.3129 13.09 16.6377 12.9867 16.8415 12.7815C17.8692 11.8403 19.1644 11.2423 20.5474 11.0706C21.5064 10.9924 22.4717 11.0795 23.4012 11.3281C23.5358 11.3507 23.669 11.3809 23.8001 11.4185C25.9228 11.4959 28.4709 11.9328 29.397 12.8338C29.8555 13.2744 30.1961 13.8229 30.3877 14.4293C30.5382 14.8988 30.7456 15.3481 31.0054 15.7672L31.5714 16.6933C31.932 17.2773 32.0475 17.9801 31.8928 18.6489C31.7885 18.974 31.7795 19.3223 31.8669 19.6525C32.1655 20.1031 32.5152 20.5177 32.9093 20.8878C33.0658 21.0427 33.2382 21.1807 33.4236 21.2995C33.8592 21.5594 34.2802 21.8429 34.6848 22.1489C34.698 22.2729 34.6775 22.3982 34.6254 22.5115C34.5732 22.6247 34.4914 22.7218 34.3885 22.7924C34.0284 23.1137 33.3333 23.6159 33.3333 23.6159C33.3584 23.758 33.4016 23.8964 33.4617 24.0276C33.5643 24.2077 33.796 24.4911 33.7192 24.735C33.6424 24.9789 33.1403 25.1855 33.2816 25.4552C33.423 25.7386 33.7831 25.8154 33.6805 26.0729C33.5779 26.3175 33.0757 26.7524 33.1274 26.9352C33.179 27.1179 33.5908 28.8377 32.6382 29.1353C31.4592 29.3685 30.2627 29.5019 29.0614 29.5342C28.8675 29.5454 28.6797 29.6055 28.5155 29.709C28.3513 29.8125 28.216 29.956 28.1223 30.126C27.9399 30.4661 27.8222 30.837 27.7751 31.22C27.4275 32.5896 26.9671 33.928 26.3985 35.2215C26.3985 35.2215 26.3597 35.2989 26.3081 35.4144C26.1833 35.6687 26.1048 35.9432 26.0764 36.2251C26.1573 36.4321 26.2799 36.6204 26.4365 36.7782C26.519 36.8726 26.6271 36.9411 26.7477 36.9753C26.8683 37.0096 26.9962 37.0081 27.116 36.9711C30.1997 35.8965 32.8655 33.8757 34.7332 31.197C36.601 28.5182 37.5754 25.3182 37.5175 22.0531Z"
-      fill={testnet ? '#ffffff' : '#00DACC'}
+      fill={testnet ? "#ffffff" : "#00DACC"}
     />
   </svg>
 );
@@ -641,9 +554,7 @@ const Base = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      background: testnet
-        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
-        : '#0052FF',
+      background: testnet ? "linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)" : "#0052FF",
     }}
   >
     <path
@@ -661,13 +572,13 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={{
-      filter: testnet ? 'grayscale(1)' : 'none',
+      filter: testnet ? "grayscale(1)" : "none",
     }}
   >
     <mask
       id="ck_zora_mask_a"
       style={{
-        maskType: 'alpha',
+        maskType: "alpha",
       }}
       maskUnits="userSpaceOnUse"
       x="0"
@@ -681,10 +592,7 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
       />
     </mask>
     <g mask="url(#ck_zora_mask_a)">
-      <path
-        d="M51.4558 -9.56445H-6.78906V48.6804H51.4558V-9.56445Z"
-        fill="#A1723A"
-      />
+      <path d="M51.4558 -9.56445H-6.78906V48.6804H51.4558V-9.56445Z" fill="#A1723A" />
       <g filter="url(#ck_zora_filter_a)">
         <path
           d="M23.6807 43.0752C36.6464 43.0752 47.157 32.5675 47.157 19.6058C47.157 6.64397 36.6464 -3.86365 23.6807 -3.86365C10.7152 -3.86365 0.20459 6.64397 0.20459 19.6058C0.20459 32.5675 10.7152 43.0752 23.6807 43.0752Z"
@@ -734,16 +642,8 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
         colorInterpolationFilters="sRGB"
       >
         <feFlood floodOpacity="0" result="BackgroundImageFix" />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="BackgroundImageFix"
-          result="shape"
-        />
-        <feGaussianBlur
-          stdDeviation="2.72108"
-          result="effect1_foregroundBlur_3914_1946"
-        />
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur stdDeviation="2.72108" result="effect1_foregroundBlur_3914_1946" />
       </filter>
       <filter
         id="ck_zora_filter_b"
@@ -755,16 +655,8 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
         colorInterpolationFilters="sRGB"
       >
         <feFlood floodOpacity="0" result="BackgroundImageFix" />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="BackgroundImageFix"
-          result="shape"
-        />
-        <feGaussianBlur
-          stdDeviation="5.44218"
-          result="effect1_foregroundBlur_3914_1946"
-        />
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur stdDeviation="5.44218" result="effect1_foregroundBlur_3914_1946" />
       </filter>
       <filter
         id="ck_zora_filter_c"
@@ -776,16 +668,8 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
         colorInterpolationFilters="sRGB"
       >
         <feFlood floodOpacity="0" result="BackgroundImageFix" />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="BackgroundImageFix"
-          result="shape"
-        />
-        <feGaussianBlur
-          stdDeviation="2.04082"
-          result="effect1_foregroundBlur_3914_1946"
-        />
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur stdDeviation="2.04082" result="effect1_foregroundBlur_3914_1946" />
       </filter>
       <filter
         id="ck_zora_filter_d"
@@ -797,16 +681,8 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
         colorInterpolationFilters="sRGB"
       >
         <feFlood floodOpacity="0" result="BackgroundImageFix" />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="BackgroundImageFix"
-          result="shape"
-        />
-        <feGaussianBlur
-          stdDeviation="4.08163"
-          result="effect1_foregroundBlur_3914_1946"
-        />
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur stdDeviation="4.08163" result="effect1_foregroundBlur_3914_1946" />
       </filter>
       <filter
         id="ck_zora_filter_e"
@@ -818,16 +694,8 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
         colorInterpolationFilters="sRGB"
       >
         <feFlood floodOpacity="0" result="BackgroundImageFix" />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="BackgroundImageFix"
-          result="shape"
-        />
-        <feGaussianBlur
-          stdDeviation="2.72108"
-          result="effect1_foregroundBlur_3914_1946"
-        />
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur stdDeviation="2.72108" result="effect1_foregroundBlur_3914_1946" />
       </filter>
       <filter
         id="ck_zora_filter_f"
@@ -839,16 +707,8 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
         colorInterpolationFilters="sRGB"
       >
         <feFlood floodOpacity="0" result="BackgroundImageFix" />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="BackgroundImageFix"
-          result="shape"
-        />
-        <feGaussianBlur
-          stdDeviation="2.04082"
-          result="effect1_foregroundBlur_3914_1946"
-        />
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur stdDeviation="2.04082" result="effect1_foregroundBlur_3914_1946" />
       </filter>
       <radialGradient
         id="paint0_radial_3914_1946"

package/src/connectkit/components/BalanceButton/index.tsx CHANGED Viewed

@@ -1,21 +1,16 @@
-import React, { useEffect, useState } from 'react';
-import { All } from './../../types';
-import { useQueryClient } from '@tanstack/react-query';
+import React, { useEffect, useState } from "react";
+import { All, styled, useIsMounted, ThemedButton, nFormatter } from "@multiplatform.one/connectkit";
+import { useQueryClient } from "@tanstack/react-query";
+import { keyframes } from "styled-components";
+import { motion, AnimatePresence } from "framer-motion";
-import styled from './../../styles/styled';
-import { keyframes } from 'styled-components';
-import { motion, AnimatePresence } from 'framer-motion';
+import { useAccount, useBalance, useBlockNumber } from "wagmi";
+import { formatUnits } from "viem";
-import { useAccount, useBalance, useBlockNumber } from 'wagmi';
-import { formatUnits } from 'viem';
-import useIsMounted from '../../hooks/useIsMounted';
-import Chain from '../Common/Chain';
-import { chainConfigs } from '../../constants/chainConfigs';
-import ThemedButton from '../Common/ThemedButton';
-import { nFormatter } from '../../utils';
-import { useChains } from '../../hooks/useChains';
-import { useChainIsSupported } from '../../hooks/useChainIsSupported';
+import Chain from "../Common/Chain";
+import { chainConfigs } from "../../constants/chainConfigs";
+import { useChains } from "../../hooks/useChains";
+import { useChainIsSupported } from "../../hooks/useChainIsSupported";
 const Container = styled(motion.div)`
   display: flex;
@@ -82,7 +77,7 @@ export const Balance: React.FC<BalanceProps> = ({ hideIcon, hideSymbol }) => {
   }, []);
   return (
-    <div style={{ position: 'relative' }}>
+    <div style={{ position: "relative" }}>
       <AnimatePresence initial={false}>
         <motion.div
           key={state}
@@ -91,12 +86,12 @@ export const Balance: React.FC<BalanceProps> = ({ hideIcon, hideSymbol }) => {
               ? {
                   opacity: 1,
                 }
-              : { opacity: 0, position: 'absolute', top: 0, left: 0, bottom: 0 }
+              : { opacity: 0, position: "absolute", top: 0, left: 0, bottom: 0 }
           }
-          animate={{ opacity: 1, position: 'relative' }}
+          animate={{ opacity: 1, position: "relative" }}
           exit={{
             opacity: 0,
-            position: 'absolute',
+            position: "absolute",
             top: 0,
             left: 0,
             bottom: 0,
@@ -112,9 +107,9 @@ export const Balance: React.FC<BalanceProps> = ({ hideIcon, hideSymbol }) => {
               {!hideIcon && <Chain id={chain?.id} />}
               <span style={{ minWidth: 32 }}>
                 <PulseContainer>
-                  <span style={{ animationDelay: '0ms' }} />
-                  <span style={{ animationDelay: '50ms' }} />
-                  <span style={{ animationDelay: '100ms' }} />
+                  <span style={{ animationDelay: "0ms" }} />
+                  <span style={{ animationDelay: "50ms" }} />
+                  <span style={{ animationDelay: "100ms" }} />
                 </PulseContainer>
               </span>
             </Container>
@@ -126,9 +121,7 @@ export const Balance: React.FC<BalanceProps> = ({ hideIcon, hideSymbol }) => {
           ) : (
             <Container>
               {!hideIcon && <Chain id={chain?.id} />}
-              <span style={{ minWidth: 32 }}>
-                {nFormatter(Number(balance?.formatted))}
-              </span>
+              <span style={{ minWidth: 32 }}>{nFormatter(Number(balance?.formatted))}</span>
               {!hideSymbol && ` ${balance?.symbol}`}
             </Container>
           )}
@@ -171,7 +164,7 @@ const BalanceButton: React.FC<All & BalanceProps> = ({
   return (
     <ThemedButton
       duration={0.4}
-      variant={'secondary'}
+      variant={"secondary"}
       theme={theme}
       mode={mode}
       customTheme={customTheme}