@swype-org/react-sdk 0.1.103 → 0.1.104

package/dist/index.cjs

@@ -223,6 +223,9 @@ async function createAccount(apiBaseUrl, token, params) {
     credentialId: params.credentialId,
     providerId: params.providerId
   };
+  if (params.nickname) {
+    body.nickname = params.nickname;
+  }
   const res = await fetch(`${apiBaseUrl}/v1/accounts`, {
     method: "POST",
     headers: {
@@ -2647,6 +2650,8 @@ function SourceCard({
       accounts.map((account) => {
         const active = hasActiveWallet2(account);
         const isSelected = account.id === selectedAccountId;
+        const displayName = account.nickname ?? account.name;
+        const walletAddress = account.wallets[0]?.name;
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -2670,7 +2675,10 @@ function SourceCard({
                     style: dropdownLogoStyle
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: dropdownFallbackIconStyle(active ? tokens.textMuted : tokens.border), children: account.name.charAt(0) }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: dropdownNameStyle(active ? tokens.text : tokens.textMuted), children: account.name })
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { style: dropdownNameColumnStyle, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: dropdownNameStyle(active ? tokens.text : tokens.textMuted), children: displayName }),
+                  walletAddress && /* @__PURE__ */ jsxRuntime.jsx("span", { style: dropdownAddressStyle(active ? tokens.textMuted : tokens.border), children: walletAddress })
+                ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: dropdownRowRightStyle, children: [
                 active ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: activeBadgeStyle(tokens), children: "Active" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: inactiveBadgeStyle(tokens), children: "Setup incomplete" }),
@@ -2700,7 +2708,7 @@ function SourceCard({
             style: addProviderStyle(tokens),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14M5 12h14", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }) }),
-              "Add Provider"
+              "Add Account"
             ]
           }
         )
@@ -2822,6 +2830,12 @@ var dropdownFallbackIconStyle = (color) => ({
   color,
   flexShrink: 0
 });
+var dropdownNameColumnStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 2,
+  minWidth: 0
+};
 var dropdownNameStyle = (color) => ({
   fontWeight: 500,
   color,
@@ -2829,6 +2843,14 @@ var dropdownNameStyle = (color) => ({
   overflow: "hidden",
   textOverflow: "ellipsis"
 });
+var dropdownAddressStyle = (color) => ({
+  fontSize: "0.72rem",
+  color,
+  fontFamily: '"SF Mono", "Fira Code", monospace',
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+});
 var activeBadgeStyle = (tokens) => ({
   fontSize: "0.6rem",
   fontWeight: 600,