@getpara/react-sdk 2.0.0-alpha.23 → 2.0.0-alpha.25

package/dist/modal/components/Account/AccountProfile.js

@@ -4,7 +4,6 @@ import {
   __spreadValues
 } from "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
 import { AccountTypeIcon, GradientScroll, StepContainer } from "../common.js";
 import { CpslButton, CpslIcon, CpslIdenticon, CpslText } from "@getpara/react-components";
 import { useAccount, useClient } from "../../../provider/index.js";
@@ -117,7 +116,7 @@ const AccountProfile = () => {
     ] })
   ] });
 };
-const Section = styled.div`
+const Section = safeStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -125,8 +124,8 @@ const Section = styled.div`
   gap: 16px;
   width: 100%;
 `;
-const Content = styled(Section)``;
-const Title = styled(CpslText)``;
+const Content = safeStyled(Section)``;
+const Title = safeStyled(CpslText)``;
 const EntryContainer = safeStyled.div`
   position: relative;
   width: 100%;
@@ -152,7 +151,7 @@ const CopyIcon = safeStyled(CpslIcon)`
     --icon-color: var(--cpsl-color-text-contrast);
   }
 `;
-const EntryUnlink = styled.a`
+const EntryUnlink = safeStyled.a`
   color: var(--cpsl-color-utility-red);
   position: absolute;
   right: 0;

package/dist/modal/components/Account/AccountProfileLinkOptions.js

@@ -3,7 +3,6 @@ import "../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AuthInput } from "../AuthInput/AuthInput.js";
 import { AccountTypeIcon, GradientScroll, StepContainer } from "../common.js";
-import styled from "styled-components";
 import { CpslButton, CpslDivider, CpslText } from "@getpara/react-components";
 import { getAccountTypeName } from "../../constants/oAuthLogos.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
@@ -11,6 +10,7 @@ import { useAccountLinking } from "../../../provider/providers/AccountLinkProvid
 import { useEffect, useMemo } from "react";
 import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+import { safeStyled } from "@getpara/react-common";
 function isExternalWallet(str) {
   return EXTERNAL_WALLET_TYPES.includes(str);
 }
@@ -92,14 +92,14 @@ function AccountProfileLinkOptions() {
     }) })
   ] }) });
 }
-const Content = styled.div`
+const Content = safeStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   width: 100%;
 `;
-const Option = styled(CpslButton)`
+const Option = safeStyled(CpslButton)`
   --button-justify-content: flex-start;
 
   height: 48px;

package/dist/modal/components/Account/AccountProfileUnlink.js

@@ -5,8 +5,8 @@ import { CpslButton, CpslText } from "@getpara/react-components";
 import { useEffect, useState } from "react";
 import { AccountTypeIcon } from "../common.js";
 import { getAccountTypeName } from "../../constants/oAuthLogos.js";
-import styled from "styled-components";
 import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
+import { safeStyled } from "@getpara/react-common";
 function AccountProfileUnlink() {
   var _a, _b;
   const { unlinkingAccount, unlinkAccountConfirm, isUnlinkAccountPending } = useAccountLinking(), [accountType, setAccountType] = useState((_b = (_a = unlinkingAccount == null ? void 0 : unlinkingAccount.externalWallet) == null ? void 0 : _a.providerId) != null ? _b : unlinkingAccount == null ? void 0 : unlinkingAccount.type);
@@ -28,17 +28,17 @@ function AccountProfileUnlink() {
     /* @__PURE__ */ jsx(CpslButton, { variant: "destructive", fullWidth: true, onClick: unlinkAccountConfirm, disabled: isUnlinkAccountPending, children: "Confirm" })
   ] });
 }
-const Content = styled.div`
+const Content = safeStyled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   gap: 32px;
 `;
-const Upper = styled(Content)`
+const Upper = safeStyled(Content)`
   gap: 8px;
 `;
-const Message = styled(CpslText)`
+const Message = safeStyled(CpslText)`
   text-align: center;
   max-width: 342px;
 `;

package/dist/modal/constants/constants.js

@@ -119,7 +119,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "2.0.0-alpha.22";
+const SDK_VERSION = "2.0.0-alpha.24";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-alpha.23",
+  "version": "2.0.0-alpha.25",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,9 +15,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.23",
-    "@getpara/react-components": "2.0.0-alpha.23",
-    "@getpara/web-sdk": "2.0.0-alpha.23",
+    "@getpara/react-common": "2.0.0-alpha.25",
+    "@getpara/react-components": "2.0.0-alpha.25",
+    "@getpara/web-sdk": "2.0.0-alpha.25",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
     "libphonenumber-js": "^1.11.1",
@@ -33,9 +33,9 @@
     "cli": "node ./dist/cli/cli.mjs"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.23",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.23",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.23",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.25",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.25",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.25",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -63,5 +63,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "e7c7e95f79bcfca4d57a80f4dd721dc5ecaff24d"
+  "gitHead": "51f576cb7d3f0d55fdd5508f7445b2c7b48d0696"
 }