@getpara/react-common 2.0.0-alpha.66 → 2.0.0-alpha.68

package/README.md

@@ -0,0 +1,13 @@
+https://www.npmjs.com/package/@getpara/react-common
+
+`@getpara/react-common` is a package that contains shared React components and utilities used across Para's React SDK ecosystem
+
+###Prerequisites
+
+To use Para, you need an API key. This key authenticates your requests to Para services and is essential for integration.
+
+Don't have an API key yet? Request access to the [Developer Portal](https://developer.getpara.com/) to create API keys, manage billing, teams, and more.
+
+###Learn more
+
+For more information on Para’s React SDK visit the [Para Docs](https://docs.getpara.com/v2/react/quickstart)

package/dist/components/WalletSelect.js

@@ -155,7 +155,6 @@ const SelectContainer = safeStyled.div`
 `;
 const WalletTypeIcon = safeStyled(WalletTypeIconBase)`
   --border: 1px solid var(--cpsl-color-background-8);
-  --background: var(--cpsl-color-background-0);
   --border-radius: 4px;
 `;
 const CopyButton = safeStyled(CpslButton)`

package/dist/constants/externalWalletDefaults.d.ts

@@ -4,6 +4,7 @@ export declare const defaultCosmosExternalWallet: {
     chains: any[];
     chainId: any;
     disconnect: () => Promise<void>;
+    disconnectStatus: string;
     switchChain: () => Promise<void>;
     connectParaEmbedded: () => Promise<{}>;
     signMessage: () => Promise<{}>;
@@ -20,6 +21,7 @@ export declare const defaultEvmExternalWallet: {
     avatar: any;
     balance: any;
     disconnect: () => Promise<void>;
+    disconnectStatus: string;
     switchChain: () => Promise<void>;
     connectParaEmbedded: () => Promise<{}>;
     signMessage: () => Promise<{}>;
@@ -36,6 +38,7 @@ export declare const defaultEvmExternalWallet: {
 export declare const defaultSolanaExternalWallet: {
     wallets: any[];
     disconnect: () => Promise<void>;
+    disconnectStatus: string;
     signMessage: () => Promise<{}>;
     signVerificationMessage: () => Promise<{}>;
     requestInfo: () => Promise<ExternalWalletInfo>;

package/dist/constants/externalWalletDefaults.js

@@ -5,6 +5,7 @@ const defaultCosmosExternalWallet = {
   chains: [],
   chainId: void 0,
   disconnect: () => Promise.resolve(),
+  disconnectStatus: "idle",
   switchChain: () => Promise.resolve(),
   connectParaEmbedded: () => Promise.resolve({}),
   signMessage: () => Promise.resolve({}),
@@ -21,6 +22,7 @@ const defaultEvmExternalWallet = {
   avatar: void 0,
   balance: void 0,
   disconnect: () => Promise.resolve(),
+  disconnectStatus: "idle",
   switchChain: () => Promise.resolve(),
   connectParaEmbedded: () => Promise.resolve({}),
   signMessage: () => Promise.resolve({}),
@@ -35,6 +37,7 @@ const defaultEvmExternalWallet = {
 const defaultSolanaExternalWallet = {
   wallets: [],
   disconnect: () => Promise.resolve(),
+  disconnectStatus: "idle",
   signMessage: () => Promise.resolve({}),
   signVerificationMessage: () => Promise.resolve({}),
   requestInfo: () => Promise.resolve({}),

package/dist/constants/index.d.ts

@@ -25,7 +25,7 @@ export declare function getNetworkName(str: TNetwork | string): string;
 export declare function getNetworkIcon(str: TNetwork | string): IconType;
 export declare function getAssetCode(str: TOnRampAsset | string): string;
 export declare function getAssetName(str: TOnRampAsset | string): string;
-export declare function getAssetIcon(str: TOnRampAsset | string): "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowCircleDown" | "arrowNarrow" | "arrow" | "asterisk" | "backpack" | "backupKit" | "bank" | "baseBrand" | "beraBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "close" | "clubhouseBrand" | "clubhouse" | "code" | "coinbase" | "copy07" | "copy" | "cosmosCircle" | "cosmos" | "cosmostation" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "discord" | "dot" | "dotsSquare" | "dots" | "downloadCloud" | "download" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "ethCircle" | "ethereum" | "eyeOff" | "eye" | "facebookBrand" | "facebook" | "farcasterBrand" | "farcaster" | "figmaBrand" | "figma" | "file" | "folder" | "githubBrand" | "github" | "globe" | "glow" | "googleBrand" | "google" | "gridDots" | "haha" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "image" | "infoCircle" | "instagramBrand" | "instagram" | "keplr" | "key" | "laptop" | "leap" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "menu" | "metamask" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "okx" | "optimismBrand" | "paraArrow" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "para" | "passcode" | "phantom" | "phone" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "polygon" | "puzzlePiece" | "qrCode02" | "qrCode" | "rabby" | "rainbow" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "safe" | "samsung" | "search" | "send" | "settings" | "share" | "shield" | "shuffle" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solanaCircle" | "solana" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "telegram" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "user01" | "userCircle" | "userPlus" | "user" | "valora" | "wallet02" | "walletConnect" | "wallet" | "x" | "youtubeBrand" | "youtube" | "zerion" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BQ2" | "BQ3" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CD2" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SE" | "SG" | "SI" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WS" | "YE" | "ZA" | "ZM" | "ZW";
+export declare function getAssetIcon(str: TOnRampAsset | string): "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowCircleDown" | "arrowNarrow" | "arrow" | "asterisk" | "backpack" | "backupKit" | "bank" | "baseBrand" | "beraBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "close" | "clubhouseBrand" | "clubhouse" | "code" | "coinbase" | "copy07" | "copy" | "cosmosCircle" | "cosmos" | "cosmostation" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "discord" | "dot" | "dotsSquare" | "dots" | "downloadCloud" | "download" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "ethCircle" | "ethereum" | "eyeOff" | "eye" | "facebookBrand" | "facebook" | "farcasterBrand" | "farcaster" | "figmaBrand" | "figma" | "file" | "folder" | "githubBrand" | "github" | "globe" | "glow" | "googleBrand" | "google" | "gridDots" | "haha" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "image" | "infoCircle" | "instagramBrand" | "instagram" | "keplr" | "key" | "laptop" | "leap" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "menu" | "metamask" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "okx" | "optimismBrand" | "paraArrow" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "para" | "passcode" | "phantom" | "phone" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "polygon" | "puzzlePiece" | "qrCode02" | "qrCode" | "rabby" | "rainbow" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "safe" | "samsung" | "search" | "send" | "settings" | "share" | "shield" | "shuffle" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solanaCircle" | "solana" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "telegram" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "user01" | "userCircle" | "userPlus" | "user" | "valora" | "wallet02" | "walletConnect" | "wallet" | "x" | "youtubeBrand" | "youtube" | "zap" | "zerion" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BQ2" | "BQ3" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CD2" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SE" | "SG" | "SI" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WS" | "YE" | "ZA" | "ZM" | "ZW";
 export declare const MOBILE_SIZE = 480;
 export declare const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
 export declare const EMAIL_REGEX: RegExp;

package/dist/constants/index.js

@@ -44,7 +44,7 @@ const ICON_TYPES = {
   tetherBrand: { isCircular: true }
 };
 const WALLET_TYPES_METADATA = {
-  EVM: { name: "EVM", icon: "ethereum", isDark: true },
+  EVM: { name: "EVM", icon: "ethCircle", isCircular: true },
   SOLANA: { name: "Solana", icon: "solana" },
   COSMOS: { name: "Cosmos", icon: "cosmos", isCircular: true, isDark: true }
 };

package/dist/types/externalWalletCommon.d.ts

@@ -1,4 +1,9 @@
 import ParaWeb, { AuthStateLogin, AuthStateVerify, ExternalWalletInfo, TExternalWallet, TWalletType, Wallet } from '@getpara/web-sdk';
+export type DisconnectType = 'ACCOUNT_LINKING' | 'ACCOUNT_WIDGET';
+export type MutationStatus = 'idle' | 'pending' | 'error' | 'success';
+export type DisconnectBaseOptions = {
+    disconnectType?: DisconnectType;
+};
 export type WalletMetadata = {
     id: string;
     internalId: TExternalWallet;
@@ -94,7 +99,8 @@ export type ExternalWalletContextType<S extends SignResult = SignResult> = {
     signMessage: (_: SignArgs) => Promise<S>;
     signVerificationMessage: () => Promise<S>;
     requestInfo: (_: string) => Promise<ExternalWalletInfo>;
-    disconnectBase: (_?: string) => Promise<void>;
+    disconnectBase: (_?: string, __?: DisconnectBaseOptions) => Promise<void>;
+    disconnectStatus: MutationStatus;
 };
 export type ExternalWalletProviderConfigBase = {
     onSwitchWallet?: (args: {

package/dist/utils/index.d.ts

@@ -39,3 +39,4 @@ export * from './formatBiometricHints.js';
 export * from './getExternalWalletDisplayName.js';
 export * from './getExternalWalletIcon.js';
 export * from './safeStyled.js';
+export * from './openMobileUrl.js';

package/dist/utils/index.js

@@ -103,6 +103,7 @@ export * from "./formatBiometricHints.js";
 export * from "./getExternalWalletDisplayName.js";
 export * from "./getExternalWalletIcon.js";
 export * from "./safeStyled.js";
+export * from "./openMobileUrl.js";
 export {
   NetworkAssetAddresses,
   NetworkChainIds,

package/dist/utils/openMobileUrl.d.ts

@@ -0,0 +1 @@
+export declare const openMobileUrl: (url?: string) => void;

package/dist/utils/openMobileUrl.js

@@ -0,0 +1,34 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import { isAndroid, isMobile, isTelegram } from "@getpara/web-sdk";
+const openMobileUrl = (url) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  if (isMobile()) {
+    if (!url) return;
+    if (isTelegram()) {
+      let href = url;
+      if (isAndroid()) {
+        try {
+          const decoded = decodeURI(url);
+          href = decoded === url ? encodeURI(url) : url;
+        } catch (e) {
+          href = encodeURI(url);
+        }
+      }
+      window.open(href, "_blank", "noreferrer noopener");
+    } else if (url.startsWith("http")) {
+      const link = document.createElement("a");
+      link.href = url;
+      link.target = "_blank";
+      link.rel = "noreferrer noopener";
+      link.click();
+    } else {
+      window.location.href = url;
+    }
+  }
+};
+export {
+  openMobileUrl
+};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@getpara/react-common",
-  "version": "2.0.0-alpha.66",
+  "version": "2.0.0-alpha.68",
   "dependencies": {
-    "@getpara/react-components": "2.0.0-alpha.66",
-    "@getpara/web-sdk": "2.0.0-alpha.66",
+    "@getpara/react-components": "2.0.0-alpha.68",
+    "@getpara/web-sdk": "2.0.0-alpha.68",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "libphonenumber-js": "^1.11.7",
@@ -40,5 +40,5 @@
   ],
   "type": "module",
   "types": "dist/index.d.ts",
-  "gitHead": "07c8b7b68aa36dec6071e3b3b3a66de2870312c8"
+  "gitHead": "98955203281606201609bb4674f5984acb63d3bf"
 }