@daimo/pay 1.18.3 → 1.19.1

package/build/src/assets/logos.js

@@ -1574,6 +1574,79 @@ const SquircleIcon = ({
   const IconComponent = typeof icon === "string" ? /* @__PURE__ */ jsx("img", { src: icon, alt }) : React.createElement(icon);
   return /* @__PURE__ */ jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: IconComponent });
 };
+function createOtherWalletsIcon(wallets) {
+  if (wallets.length === 0) {
+    return /* @__PURE__ */ jsx(OtherWallets, {});
+  }
+  const count = Math.min(wallets.length, 4);
+  const walletsToShow = wallets.slice(0, count);
+  const renderWalletIcon = (wallet) => {
+    const icon = wallet.iconConnector ?? wallet.icon;
+    return typeof icon === "string" ? /* @__PURE__ */ jsx("img", { src: icon, alt: wallet.name || "" }) : icon;
+  };
+  const column = {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    gap: 2
+  };
+  const row = {
+    position: "relative",
+    display: "flex",
+    gap: 2
+  };
+  const cell = {
+    width: "50%",
+    overflow: "hidden",
+    borderRadius: "27.5%"
+  };
+  if (count === 1) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ jsx("div", { style: { ...cell, width: "100%" }, children: renderWalletIcon(walletsToShow[0]) })
+      }
+    );
+  }
+  if (count === 2) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ jsx("div", { style: { ...row, width: "100%" }, children: walletsToShow.map((w, i) => /* @__PURE__ */ jsx("div", { style: cell, children: renderWalletIcon(w) }, i)) })
+      }
+    );
+  } else if (count === 3) {
+    return /* @__PURE__ */ jsxs("div", { style: column, children: [
+      /* @__PURE__ */ jsx("div", { style: row, children: walletsToShow.slice(0, 2).map((w, i) => /* @__PURE__ */ jsx("div", { style: cell, children: renderWalletIcon(w) }, i)) }),
+      /* @__PURE__ */ jsx("div", { style: row, children: /* @__PURE__ */ jsx("div", { style: cell, children: renderWalletIcon(walletsToShow[2]) }) })
+    ] });
+  } else {
+    return /* @__PURE__ */ jsxs("div", { style: column, children: [
+      /* @__PURE__ */ jsxs("div", { style: row, children: [
+        /* @__PURE__ */ jsx("div", { style: cell, children: renderWalletIcon(walletsToShow[0]) }),
+        /* @__PURE__ */ jsx("div", { style: cell, children: renderWalletIcon(walletsToShow[1]) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: row, children: [
+        /* @__PURE__ */ jsx("div", { style: cell, children: renderWalletIcon(walletsToShow[2]) }),
+        /* @__PURE__ */ jsx("div", { style: cell, children: renderWalletIcon(walletsToShow[3]) })
+      ] })
+    ] });
+  }
+}
 var Logos = {
   Mock,
   Injected,
@@ -1613,8 +1686,9 @@ var Logos = {
   Farcaster,
   MiniPay,
   World,
-  Porto
+  Porto,
+  createOtherWalletsIcon
 };
 
-export { Argent, Backpack, Base, Bitget, Brave, Crypto, Dawn, Family, Farcaster, Frame, Frontier, ImToken, InfinityWallet, Injected, Ledger, MetaMask, MiniPay, Mock, ONTO, OtherWallets, Phantom, PlaceHolder, Porto, Rabby, Rainbow, Safe, Slope, Solflare, SquircleIcon, Steak, Trust, Unstoppable, WalletIcon, Zerion, Logos as default };
+export { Argent, Backpack, Base, Bitget, Brave, Crypto, Dawn, Family, Farcaster, Frame, Frontier, ImToken, InfinityWallet, Injected, Ledger, MetaMask, MiniPay, Mock, ONTO, OtherWallets, Phantom, PlaceHolder, Porto, Rabby, Rainbow, Safe, Slope, Solflare, SquircleIcon, Steak, Trust, Unstoppable, WalletIcon, Zerion, createOtherWalletsIcon, Logos as default };
 //# sourceMappingURL=logos.js.map