@phantom/react-sdk 1.0.0-beta.24 → 1.0.0-beta.25

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 (3) hide show
  1. package/dist/index.js +6 -19
  2. package/dist/index.mjs +6 -19
  3. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -509,14 +509,11 @@ function ConnectModalContent({ appIcon, appName = "App Name", onClose }) {
509
509
  fullWidth: true,
510
510
  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletButtonContentStyle, children: [
511
511
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletButtonLeftStyle, children: [
512
- wallet.icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.BoundedIcon, { type: "wallet", size: 20, background: theme.aux, color: theme.text }),
513
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletNameContainerStyle, children: [
514
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "captionBold", children: wallet.name }),
515
- wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChainIcon, { addressType, size: 8 }, `${wallet.id}-chain-${addressType}`)) })
516
- ] })
512
+ wallet.id === "phantom" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.BoundedIcon, { type: "phantom", size: 20, background: "#aba0f2", color: "white" }) : wallet.icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.BoundedIcon, { type: "wallet", size: 20, background: theme.aux, color: theme.text }),
513
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: walletNameContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "captionBold", children: wallet.name }) })
517
514
  ] }),
518
515
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletButtonRightStyle, children: [
519
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "label", color: theme.secondary, children: "Detected" }),
516
+ wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChainIcon, { addressType, size: 8 }) }, `${wallet.id}-chain-${addressType}`)) }),
520
517
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Icon, { type: "chevron-right", size: 16, color: theme.secondary })
521
518
  ] })
522
519
  ] })
@@ -594,21 +591,11 @@ function ConnectModalContent({ appIcon, appName = "App Name", onClose }) {
594
591
  fullWidth: true,
595
592
  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletButtonContentStyle, children: [
596
593
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletButtonLeftStyle, children: [
597
- wallet.icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.BoundedIcon, { type: "wallet", size: 10, background: theme.aux, color: theme.text }),
598
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletNameContainerStyle, children: [
599
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "captionBold", children: wallet.name }),
600
- wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
601
- ChainIcon,
602
- {
603
- addressType,
604
- size: 8
605
- },
606
- `${wallet.id}-chain-${addressType}`
607
- )) })
608
- ] })
594
+ wallet.id === "phantom" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.BoundedIcon, { type: "phantom", size: 20, background: "#aba0f2", color: "white" }) : wallet.icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.BoundedIcon, { type: "wallet", size: 10, background: theme.aux, color: theme.text }),
595
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: walletNameContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "captionBold", children: wallet.name }) })
609
596
  ] }),
610
597
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: walletButtonRightStyle, children: [
611
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "label", color: theme.secondary, children: "Detected" }),
598
+ wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChainIcon, { addressType, size: 8 }) }, `${wallet.id}-chain-${addressType}`)) }),
612
599
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Icon, { type: "chevron-right", size: 16, color: theme.secondary })
613
600
  ] })
614
601
  ] })
package/dist/index.mjs CHANGED
@@ -464,14 +464,11 @@ function ConnectModalContent({ appIcon, appName = "App Name", onClose }) {
464
464
  fullWidth: true,
465
465
  children: /* @__PURE__ */ jsxs("span", { style: walletButtonContentStyle, children: [
466
466
  /* @__PURE__ */ jsxs("span", { style: walletButtonLeftStyle, children: [
467
- wallet.icon ? /* @__PURE__ */ jsx2("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ jsx2(BoundedIcon, { type: "wallet", size: 20, background: theme.aux, color: theme.text }),
468
- /* @__PURE__ */ jsxs("span", { style: walletNameContainerStyle, children: [
469
- /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: wallet.name }),
470
- wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ jsx2("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ jsx2(ChainIcon, { addressType, size: 8 }, `${wallet.id}-chain-${addressType}`)) })
471
- ] })
467
+ wallet.id === "phantom" ? /* @__PURE__ */ jsx2(BoundedIcon, { type: "phantom", size: 20, background: "#aba0f2", color: "white" }) : wallet.icon ? /* @__PURE__ */ jsx2("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ jsx2(BoundedIcon, { type: "wallet", size: 20, background: theme.aux, color: theme.text }),
468
+ /* @__PURE__ */ jsx2("span", { style: walletNameContainerStyle, children: /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: wallet.name }) })
472
469
  ] }),
473
470
  /* @__PURE__ */ jsxs("span", { style: walletButtonRightStyle, children: [
474
- /* @__PURE__ */ jsx2(Text, { variant: "label", color: theme.secondary, children: "Detected" }),
471
+ wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ jsx2("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(ChainIcon, { addressType, size: 8 }) }, `${wallet.id}-chain-${addressType}`)) }),
475
472
  /* @__PURE__ */ jsx2(Icon2, { type: "chevron-right", size: 16, color: theme.secondary })
476
473
  ] })
477
474
  ] })
@@ -549,21 +546,11 @@ function ConnectModalContent({ appIcon, appName = "App Name", onClose }) {
549
546
  fullWidth: true,
550
547
  children: /* @__PURE__ */ jsxs("span", { style: walletButtonContentStyle, children: [
551
548
  /* @__PURE__ */ jsxs("span", { style: walletButtonLeftStyle, children: [
552
- wallet.icon ? /* @__PURE__ */ jsx2("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ jsx2(BoundedIcon, { type: "wallet", size: 10, background: theme.aux, color: theme.text }),
553
- /* @__PURE__ */ jsxs("span", { style: walletNameContainerStyle, children: [
554
- /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: wallet.name }),
555
- wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ jsx2("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ jsx2(
556
- ChainIcon,
557
- {
558
- addressType,
559
- size: 8
560
- },
561
- `${wallet.id}-chain-${addressType}`
562
- )) })
563
- ] })
549
+ wallet.id === "phantom" ? /* @__PURE__ */ jsx2(BoundedIcon, { type: "phantom", size: 20, background: "#aba0f2", color: "white" }) : wallet.icon ? /* @__PURE__ */ jsx2("img", { src: wallet.icon, alt: wallet.name, style: walletIconStyle }) : /* @__PURE__ */ jsx2(BoundedIcon, { type: "wallet", size: 10, background: theme.aux, color: theme.text }),
550
+ /* @__PURE__ */ jsx2("span", { style: walletNameContainerStyle, children: /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: wallet.name }) })
564
551
  ] }),
565
552
  /* @__PURE__ */ jsxs("span", { style: walletButtonRightStyle, children: [
566
- /* @__PURE__ */ jsx2(Text, { variant: "label", color: theme.secondary, children: "Detected" }),
553
+ wallet.addressTypes && wallet.addressTypes.length > 0 && /* @__PURE__ */ jsx2("span", { style: chainIndicatorsStyle, children: wallet.addressTypes.map((addressType) => /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(ChainIcon, { addressType, size: 8 }) }, `${wallet.id}-chain-${addressType}`)) }),
567
554
  /* @__PURE__ */ jsx2(Icon2, { type: "chevron-right", size: 16, color: theme.secondary })
568
555
  ] })
569
556
  ] })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phantom/react-sdk",
3
- "version": "1.0.0-beta.24",
3
+ "version": "1.0.0-beta.25",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/phantom/phantom-connect-sdk",
@@ -31,10 +31,10 @@
31
31
  "prettier": "prettier --write \"src/**/*.{ts,tsx}\""
32
32
  },
33
33
  "dependencies": {
34
- "@phantom/browser-sdk": "^1.0.0-beta.24",
35
- "@phantom/chain-interfaces": "^1.0.0-beta.12",
36
- "@phantom/constants": "^1.0.0-beta.12",
37
- "@phantom/wallet-sdk-ui": "^1.0.0-beta.3"
34
+ "@phantom/browser-sdk": "^1.0.0-beta.25",
35
+ "@phantom/chain-interfaces": "^1.0.0-beta.13",
36
+ "@phantom/constants": "^1.0.0-beta.13",
37
+ "@phantom/wallet-sdk-ui": "^1.0.0-beta.4"
38
38
  },
39
39
  "devDependencies": {
40
40
  "@testing-library/dom": "^10.4.0",