@orderly.network/wallet-connector-privy 2.3.1 → 2.3.2-alpha.0

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 (5) hide show
  1. package/dist/index.js +81 -42
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +82 -43
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +9 -9
package/dist/index.js CHANGED
@@ -1428,22 +1428,95 @@ function RenderConnector() {
1428
1428
  };
1429
1429
  return /* @__PURE__ */ React19__default.default.createElement(ui.ScrollArea, { className: "oui-flex oui-grow oui-shrik oui-basis-auto" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: ui.cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5") }, renderPrivyConnectArea(), renderWagmiConnectArea(), renderSolanaConnectArea(), renderAbstractConnectArea()));
1430
1430
  }
1431
+ var MoreIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
1432
+ "svg",
1433
+ {
1434
+ xmlns: "http://www.w3.org/2000/svg",
1435
+ width: "16",
1436
+ height: "16",
1437
+ viewBox: "0 0 16 16",
1438
+ fill: "currentColor",
1439
+ ...props
1440
+ },
1441
+ /* @__PURE__ */ React19__default.default.createElement("path", { d: "M8.00521 6.66797C8.74161 6.66797 9.33854 7.26464 9.33854 8.0013C9.33854 8.73797 8.74161 9.33464 8.00521 9.33464C7.26881 9.33464 6.67188 8.73797 6.67188 8.0013C6.67188 7.26464 7.26881 6.66797 8.00521 6.66797Z" }),
1442
+ /* @__PURE__ */ React19__default.default.createElement("path", { d: "M3.33333 6.66797C4.06973 6.66797 4.66667 7.26464 4.66667 8.0013C4.66667 8.73797 4.06973 9.33464 3.33333 9.33464C2.59693 9.33464 2 8.73797 2 8.0013C2 7.26464 2.59693 6.66797 3.33333 6.66797Z" }),
1443
+ /* @__PURE__ */ React19__default.default.createElement("path", { d: "M12.6666 6.66797C13.403 6.66797 14 7.26464 14 8.0013C14 8.73797 13.403 9.33464 12.6666 9.33464C11.9302 9.33464 11.3333 8.73797 11.3333 8.0013C11.3333 7.26464 11.9302 6.66797 12.6666 6.66797Z" })
1444
+ );
1445
+ var DisconnectIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
1446
+ "svg",
1447
+ {
1448
+ width: "16",
1449
+ height: "16",
1450
+ viewBox: "0 0 16 16",
1451
+ xmlns: "http://www.w3.org/2000/svg",
1452
+ fill: "currentColor",
1453
+ ...props
1454
+ },
1455
+ /* @__PURE__ */ React19__default.default.createElement("g", { id: "box-arrow-right" }, /* @__PURE__ */ React19__default.default.createElement(
1456
+ "path",
1457
+ {
1458
+ id: "Vector",
1459
+ d: "M1.99365 4.66056C1.99365 3.1879 3.18759 1.9939 4.66032 1.9939H7.32698C8.79965 1.9939 9.99365 3.1879 9.99365 4.66056C9.99365 5.02856 9.69498 5.32723 9.32698 5.32723C8.95898 5.32723 8.66032 5.02856 8.66032 4.66056C8.66032 3.92389 8.06365 3.32723 7.32698 3.32723H4.66032C3.92392 3.32723 3.32699 3.92389 3.32699 4.66056V11.3272C3.32699 12.0639 3.92392 12.6606 4.66032 12.6606H7.32698C8.06365 12.6606 8.66032 12.0639 8.66032 11.3272C8.66032 10.9592 8.95898 10.6606 9.32698 10.6606C9.69498 10.6606 9.99365 10.9592 9.99365 11.3272C9.99365 12.7999 8.79965 13.9939 7.32698 13.9939H4.66032C3.18759 13.9939 1.99365 12.7999 1.99365 11.3272V4.66056ZM6.66032 7.99389C6.66032 7.62589 6.95898 7.32722 7.32698 7.32722H12.369L11.0563 5.99389L11.9937 5.05656L14.473 7.51456C14.733 7.77523 14.733 8.21255 14.473 8.47322L11.9937 10.9312L11.0563 9.99389L12.369 8.66056H7.32698C6.95898 8.66056 6.66032 8.36189 6.66032 7.99389Z"
1460
+ }
1461
+ ))
1462
+ );
1463
+ var ArrowRightIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
1464
+ "svg",
1465
+ {
1466
+ width: "16",
1467
+ height: "16",
1468
+ viewBox: "0 0 14 14",
1469
+ fill: "currentColor",
1470
+ xmlns: "http://www.w3.org/2000/svg",
1471
+ ...props
1472
+ },
1473
+ /* @__PURE__ */ React19__default.default.createElement(
1474
+ "path",
1475
+ {
1476
+ d: "M3.50696 6.9958C3.50696 6.6738 3.76788 6.41305 4.08971 6.41305C4.36842 6.41305 7.62762 6.41305 8.49679 6.41305L6.76662 4.6648L7.58621 3.84521L10.336 6.57697C10.4504 6.69072 10.507 6.84355 10.507 6.99639C10.507 7.14864 10.4498 7.30089 10.336 7.41464L7.58621 10.1464L6.76662 9.3268L8.49679 7.57854C7.62762 7.57854 4.36842 7.57854 4.08971 7.57854C3.76788 7.57854 3.50696 7.3178 3.50696 6.9958Z",
1477
+ fill: "#FF7D00"
1478
+ }
1479
+ )
1480
+ );
1481
+
1482
+ // src/components/switchNetworkTips.tsx
1431
1483
  function SwitchNetworkTips({
1432
1484
  tipsContent
1433
1485
  }) {
1434
1486
  const { t } = i18n.useTranslation();
1487
+ const { isMobile } = ui.useScreen();
1488
+ const { network, setOpenConnectDrawer } = useWalletConnectorPrivy();
1435
1489
  if (!tipsContent) {
1436
1490
  return null;
1437
1491
  }
1438
- return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-mb-3 oui-items-center oui-gap-1 oui-px-2 oui-py-[6px] oui-bg-[rgba(255,125,0,0.1)] oui-rounded-[8px] " }, /* @__PURE__ */ React19__default.default.createElement(
1439
- ui.ExclamationFillIcon,
1492
+ const onSwitchNetwork = () => {
1493
+ setOpenConnectDrawer(false);
1494
+ ui.modal.show(isMobile ? "ChainSelectorSheetId" : "ChainSelectorDialogId", {
1495
+ networkId: network,
1496
+ bridgeLessOnly: false
1497
+ }).then(
1498
+ (r) => {
1499
+ },
1500
+ (error) => void 0
1501
+ );
1502
+ };
1503
+ return /* @__PURE__ */ React19__default.default.createElement(
1504
+ "div",
1440
1505
  {
1441
- size: 14,
1442
- className: " oui-text-warning-darken oui-flex-shrink-0"
1443
- }
1444
- ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
1445
- chainName: tipsContent
1446
- })));
1506
+ onClick: onSwitchNetwork,
1507
+ className: "oui-mb-3 oui-flex oui-cursor-pointer oui-items-center oui-justify-between oui-gap-1 oui-rounded-[8px] oui-bg-[rgba(255,125,0,0.1)] oui-px-2 oui-py-[6px] "
1508
+ },
1509
+ /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { gap: 1 }, /* @__PURE__ */ React19__default.default.createElement(
1510
+ ui.ExclamationFillIcon,
1511
+ {
1512
+ size: 14,
1513
+ className: " oui-shrink-0 oui-text-warning-darken"
1514
+ }
1515
+ ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
1516
+ chainName: tipsContent
1517
+ }))),
1518
+ /* @__PURE__ */ React19__default.default.createElement(ArrowRightIcon, null)
1519
+ );
1447
1520
  }
1448
1521
  var StorageChainNotCurrentWalletType = ({
1449
1522
  currentWalletType
@@ -1477,40 +1550,6 @@ var StorageChainNotCurrentWalletType = ({
1477
1550
  }, [storageChain, currentWalletType]);
1478
1551
  return /* @__PURE__ */ React19__default.default.createElement(SwitchNetworkTips, { tipsContent });
1479
1552
  };
1480
- var MoreIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
1481
- "svg",
1482
- {
1483
- xmlns: "http://www.w3.org/2000/svg",
1484
- width: "16",
1485
- height: "16",
1486
- viewBox: "0 0 16 16",
1487
- fill: "currentColor",
1488
- ...props
1489
- },
1490
- /* @__PURE__ */ React19__default.default.createElement("path", { d: "M8.00521 6.66797C8.74161 6.66797 9.33854 7.26464 9.33854 8.0013C9.33854 8.73797 8.74161 9.33464 8.00521 9.33464C7.26881 9.33464 6.67188 8.73797 6.67188 8.0013C6.67188 7.26464 7.26881 6.66797 8.00521 6.66797Z" }),
1491
- /* @__PURE__ */ React19__default.default.createElement("path", { d: "M3.33333 6.66797C4.06973 6.66797 4.66667 7.26464 4.66667 8.0013C4.66667 8.73797 4.06973 9.33464 3.33333 9.33464C2.59693 9.33464 2 8.73797 2 8.0013C2 7.26464 2.59693 6.66797 3.33333 6.66797Z" }),
1492
- /* @__PURE__ */ React19__default.default.createElement("path", { d: "M12.6666 6.66797C13.403 6.66797 14 7.26464 14 8.0013C14 8.73797 13.403 9.33464 12.6666 9.33464C11.9302 9.33464 11.3333 8.73797 11.3333 8.0013C11.3333 7.26464 11.9302 6.66797 12.6666 6.66797Z" })
1493
- );
1494
- var DisconnectIcon = (props) => /* @__PURE__ */ React19__default.default.createElement(
1495
- "svg",
1496
- {
1497
- width: "16",
1498
- height: "16",
1499
- viewBox: "0 0 16 16",
1500
- xmlns: "http://www.w3.org/2000/svg",
1501
- fill: "currentColor",
1502
- ...props
1503
- },
1504
- /* @__PURE__ */ React19__default.default.createElement("g", { id: "box-arrow-right" }, /* @__PURE__ */ React19__default.default.createElement(
1505
- "path",
1506
- {
1507
- id: "Vector",
1508
- d: "M1.99365 4.66056C1.99365 3.1879 3.18759 1.9939 4.66032 1.9939H7.32698C8.79965 1.9939 9.99365 3.1879 9.99365 4.66056C9.99365 5.02856 9.69498 5.32723 9.32698 5.32723C8.95898 5.32723 8.66032 5.02856 8.66032 4.66056C8.66032 3.92389 8.06365 3.32723 7.32698 3.32723H4.66032C3.92392 3.32723 3.32699 3.92389 3.32699 4.66056V11.3272C3.32699 12.0639 3.92392 12.6606 4.66032 12.6606H7.32698C8.06365 12.6606 8.66032 12.0639 8.66032 11.3272C8.66032 10.9592 8.95898 10.6606 9.32698 10.6606C9.69498 10.6606 9.99365 10.9592 9.99365 11.3272C9.99365 12.7999 8.79965 13.9939 7.32698 13.9939H4.66032C3.18759 13.9939 1.99365 12.7999 1.99365 11.3272V4.66056ZM6.66032 7.99389C6.66032 7.62589 6.95898 7.32722 7.32698 7.32722H12.369L11.0563 5.99389L11.9937 5.05656L14.473 7.51456C14.733 7.77523 14.733 8.21255 14.473 8.47322L11.9937 10.9312L11.0563 9.99389L12.369 8.66056H7.32698C6.95898 8.66056 6.66032 8.36189 6.66032 7.99389Z"
1509
- }
1510
- ))
1511
- );
1512
-
1513
- // src/components/walletCard.tsx
1514
1553
  var getCardBgClassName = (type = "EVM" /* EVM */) => {
1515
1554
  const cardBgColorMap = {
1516
1555
  ["EVM" /* EVM */]: "oui-bg-[#283BEE]",