@orderly.network/wallet-connector-privy 2.5.3 → 2.6.0-alpha.0

package/dist/index.js

@@ -694,7 +694,7 @@ var WagmiWalletProvider = ({
       setWallet(void 0);
       return;
     }
-    connector.getProvider().then((provider) => {
+    connector.getProvider?.().then((provider) => {
       setWallet({
         label: connector.name,
         icon: "",
@@ -838,15 +838,14 @@ var PwaDialog = ui.modal.create((props) => {
       index: 1,
       title: t("connector.privy.pwa.step1"),
       content: /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-w-full oui-bg-dark-8" }, /* @__PURE__ */ React19__default.default.createElement(
-        ui.Grid,
+        ui.Flex,
         {
-          rows: 1,
-          cols: 3,
-          className: "oui-bg-black/[0.08] oui-p-2 oui-h-[52px] oui-rounded-[44px] oui-w-full oui-px-4"
+          className: "oui-bg-black/[0.08] oui-p-2 oui-h-[52px] oui-rounded-[44px] oui-w-full oui-px-4 oui-relative",
+          itemAlign: "center",
+          justify: "center"
         },
-        /* @__PURE__ */ React19__default.default.createElement("div", null),
-        /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.88] oui-text-[20px] oui-leading-[36px] oui-flex-1" }, domain),
-        /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { itemAlign: "center", justify: "end" }, /* @__PURE__ */ React19__default.default.createElement(ShareIcon, null))
+        /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-leading-[36px] oui-flex-1 oui-text-center oui-whitespace-nowrap" }, domain),
+        /* @__PURE__ */ React19__default.default.createElement(ShareIcon, { className: "oui-absolute oui-right-4 oui-top-1/2 oui-translate-y-[-50%]" })
       ))
     }
   ), /* @__PURE__ */ React19__default.default.createElement(
@@ -873,12 +872,21 @@ var PwaDialog = ui.modal.create((props) => {
           /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.2] oui-text-[18px]" }, t("connector.privy.pwa.findOnPage"))
         ),
         /* @__PURE__ */ React19__default.default.createElement(ui.Divider, { className: "oui-bg-black/[0.15] oui-w-full" }),
-        /* @__PURE__ */ React19__default.default.createElement(ui.Grid, { cols: 3, className: "oui-w-full oui-px-4 oui-py-3" }, /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-col-span-2" }, t("connector.privy.pwa.addToHomeScreen")), /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { itemAlign: "center", justify: "end" }, /* @__PURE__ */ React19__default.default.createElement(AddIcon, null)))
+        /* @__PURE__ */ React19__default.default.createElement(
+          ui.Flex,
+          {
+            className: "oui-w-full oui-px-4 oui-py-3",
+            justify: "between",
+            itemAlign: "center"
+          },
+          /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-col-span-2 oui-whitespace-nowrap" }, t("connector.privy.pwa.addToHomeScreen")),
+          /* @__PURE__ */ React19__default.default.createElement(AddIcon, null)
+        )
       )
     }
   ))));
 });
-var ShareIcon = () => {
+var ShareIcon = (props) => {
   return /* @__PURE__ */ React19__default.default.createElement(
     "svg",
     {
@@ -886,7 +894,8 @@ var ShareIcon = () => {
       width: "28",
       height: "28",
       viewBox: "0 0 28 28",
-      fill: "none"
+      fill: "none",
+      className: props.className
     },
     /* @__PURE__ */ React19__default.default.createElement(
       "path",
@@ -1695,7 +1704,7 @@ function SwitchNetworkTips({
     ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
       chainName: tipsContent
     }))),
-    /* @__PURE__ */ React19__default.default.createElement(ArrowRightIcon, { className: "oui-text-[#FF7D00]" })
+    /* @__PURE__ */ React19__default.default.createElement(ArrowRightIcon, { size: 14, className: "oui-text-[#FF7D00]" })
   );
 }
 var StorageChainNotCurrentWalletType = ({
@@ -2903,20 +2912,21 @@ ui.installExtension({
 });
 
 // src/main.tsx
-function Main(props) {
+var Main = (props) => {
+  const { headerProps, children } = props;
   const { wallet, connectedChain, setChain, namespace, onDisconnect } = useWallet2();
   const { openConnectDrawer, setOpenConnectDrawer, setTargetWalletType } = useWalletConnectorPrivy();
-  const connect = (props2) => {
-    if (props2 && props2.autoSelect) {
+  const connect = (options) => {
+    if (options && options.autoSelect) {
       return Promise.resolve([]);
     }
     setTargetWalletType(void 0);
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve) => {
       setOpenConnectDrawer(true);
       resolve([]);
     });
   };
-  const value = React19.useMemo(
+  const memoizedValue = React19.useMemo(
     () => ({
       connect,
       disconnect: onDisconnect,
@@ -2928,17 +2938,17 @@ function Main(props) {
       chains: [],
       settingChain: false
     }),
-    [connect, setChain, connectedChain, wallet, namespace]
+    [connect, setChain, onDisconnect, connectedChain, wallet, namespace]
   );
-  return /* @__PURE__ */ React19__default.default.createElement(hooks.WalletConnectorContext.Provider, { value }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React19__default.default.createElement(hooks.WalletConnectorContext.Provider, { value: memoizedValue }, /* @__PURE__ */ React19__default.default.createElement(
     ConnectDrawer,
     {
       open: openConnectDrawer,
       onChangeOpen: setOpenConnectDrawer,
-      headerProps: props.headerProps
+      headerProps
     }
-  ), props.children);
-}
+  ), children);
+};
 var InitAbstractProvider = (props) => {
   const { network } = useWalletConnectorPrivy();
   const chain = React19.useMemo(() => {
@@ -3054,7 +3064,7 @@ function InitWagmiProvider({
     return children;
   }
   const [queryClient] = React19.useState(() => new reactQuery.QueryClient());
-  const [config, setConfig] = React19.useState(
+  const [config] = React19.useState(
     () => WagmiExport.createConfig({
       chains: initChains && initChains.length ? initChains : [chains.mainnet],
       multiInjectedProviderDiscovery: true,
@@ -3072,16 +3082,16 @@ function InitWagmiProvider({
 }
 
 // src/providers/wagmi/index.tsx
-function WagmiWallet(props) {
+var WagmiWallet = (props) => {
   return /* @__PURE__ */ React19__default.default.createElement(
     InitWagmiProvider,
     {
-      wagmiConfig: props.wagmiConfig ?? {},
-      initChains: props.initChains
+      initChains: props.initChains,
+      wagmiConfig: props.wagmiConfig ?? types.EMPTY_OBJECT
     },
     /* @__PURE__ */ React19__default.default.createElement(WagmiWalletProvider, null, props.children)
   );
-}
+};
 
 // src/provider.tsx
 var commonSwrOpts = {