@pollar/react 0.10.0-rc.0 → 0.10.0-rc.8

package/dist/index.mjs

@@ -1033,7 +1033,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.0-rc.0"
+        "0.10.0-rc.8"
       ] })
     ] })
   ] });
@@ -1850,35 +1850,15 @@ var GoogleButton = ({ disabled, onClick }) => {
     ] })
   ] });
 };
-function DefaultFreighterAlbedoButtons({ onConnect, isLoading }) {
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-list", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        disabled: isLoading,
-        className: "pollar-wallet-list-btn",
-        onClick: () => onConnect(WalletType.FREIGHTER),
-        children: [
-          /* @__PURE__ */ jsx("img", { src: LOGO_FREIGHTER, alt: "Freighter", className: "pollar-wallet-list-icon" }),
-          /* @__PURE__ */ jsx("span", { className: "pollar-wallet-list-name", children: "Freighter" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        disabled: isLoading,
-        className: "pollar-wallet-list-btn",
-        onClick: () => onConnect(WalletType.ALBEDO),
-        children: [
-          /* @__PURE__ */ jsx("img", { src: LOGO_ALBEDO, alt: "Albedo", className: "pollar-wallet-list-icon" }),
-          /* @__PURE__ */ jsx("span", { className: "pollar-wallet-list-name", children: "Albedo" })
-        ]
-      }
-    )
-  ] });
+function WalletAdapterButtons({
+  walletAdapters,
+  onConnect,
+  isLoading
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "pollar-wallet-list", children: walletAdapters.map((a) => /* @__PURE__ */ jsxs("button", { type: "button", disabled: isLoading, className: "pollar-wallet-list-btn", onClick: () => onConnect(a.id), children: [
+    a.meta.iconUrl && /* @__PURE__ */ jsx("img", { src: a.meta.iconUrl, alt: a.meta.label, className: "pollar-wallet-list-icon" }),
+    /* @__PURE__ */ jsx("span", { className: "pollar-wallet-list-name", children: a.meta.label })
+  ] }, a.id)) });
 }
 var AUTH_STATE_MESSAGES = {
   idle: "",
@@ -1926,13 +1906,12 @@ function LoginModalTemplate({
   embeddedWallets,
   smartWallet = false,
   providers,
-  customProviders = [],
+  walletAdapters,
   appName,
   email = "",
   onEmailChange,
   onEmailSubmit,
   onSocialLogin,
-  onCustomLogin,
   onWalletConnect,
   onLoginSmartWallet,
   onCreateSmartWallet,
@@ -2014,7 +1993,7 @@ function LoginModalTemplate({
     ] }) : showWalletPicker ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(BackButton, { onClick: () => setShowWalletPicker(false) }),
       renderWallets ? renderWallets({ onConnect: onWalletConnect ?? (() => {
-      }), authState }) : /* @__PURE__ */ jsx(DefaultFreighterAlbedoButtons, { onConnect: onWalletConnect ?? (() => {
+      }), authState }) : /* @__PURE__ */ jsx(WalletAdapterButtons, { walletAdapters, onConnect: onWalletConnect ?? (() => {
       }), isLoading })
     ] }) : showPasskeyChooser ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(BackButton, { onClick: () => setShowPasskeyChooser(false) }),
@@ -2048,7 +2027,7 @@ function LoginModalTemplate({
           }
         )
       ] }),
-      emailEnabled && (enabledSocial.length > 0 || customProviders.length > 0) && /* @__PURE__ */ jsxs("div", { className: "pollar-divider", children: [
+      emailEnabled && enabledSocial.length > 0 && /* @__PURE__ */ jsxs("div", { className: "pollar-divider", children: [
         /* @__PURE__ */ jsx("div", { className: "pollar-divider-line" }),
         /* @__PURE__ */ jsx("div", { className: "pollar-divider-label", children: /* @__PURE__ */ jsx("span", { className: "pollar-divider-text", children: "or continue with" }) })
       ] }),
@@ -2056,20 +2035,6 @@ function LoginModalTemplate({
         enabledSocial.some(([key]) => key === "google") && /* @__PURE__ */ jsx(GoogleButton, { disabled: isLoading, onClick: () => onSocialLogin?.("google") }),
         enabledSocial.some(([key]) => key === "github") && /* @__PURE__ */ jsx(GithubButton, { disabled: isLoading, onClick: () => onSocialLogin?.("github") })
       ] }),
-      customProviders.length > 0 && /* @__PURE__ */ jsx("div", { className: "pollar-social-list", children: customProviders.map((p) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          disabled: isLoading,
-          className: "pollar-wallet-entry-btn",
-          onClick: () => onCustomLogin?.(p.id),
-          children: [
-            p.iconUrl && /* @__PURE__ */ jsx("img", { src: p.iconUrl, alt: "", className: "pollar-wallet-list-icon" }),
-            p.label
-          ]
-        },
-        p.id
-      )) }),
       (embeddedWallets || smartWallet) && /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-section", children: [
         embeddedWallets && /* @__PURE__ */ jsxs(
           "button",
@@ -2139,8 +2104,9 @@ function LoginModalTemplate({
 }
 function LoginModal({ onClose }) {
   const [email, setEmail] = useState("");
-  const { getClient, styles, appConfig: config, renderWallets, customProviders } = usePollar();
+  const { getClient, styles, appConfig: config, renderWallets } = usePollar();
   const [authState, setAuthState] = useState(() => getClient().getAuthState());
+  const walletAdapters = useMemo(() => getClient().listWalletAdapters(), [getClient]);
   const [codeInputKey, setCodeInputKey] = useState(0);
   const pendingEmail = useRef(null);
   const onCloseRef = useRef(onClose);
@@ -2189,11 +2155,8 @@ function LoginModal({ onClose }) {
   function handleSocialLogin(provider) {
     getClient().login({ provider });
   }
-  function handleCustomLogin(id) {
-    getClient().login({ provider: id });
-  }
   function handleWalletConnect(type) {
-    getClient().loginWallet(type);
+    getClient().login({ provider: type });
   }
   function handleLoginSmartWallet() {
     getClient().loginSmartWallet();
@@ -2230,13 +2193,12 @@ function LoginModal({ onClose }) {
         github: !!providers?.github,
         apple: !!providers?.apple
       },
-      ...customProviders !== void 0 && { customProviders },
+      walletAdapters,
       appName: config.application?.name ?? "Pollar",
       email,
       onEmailChange: setEmail,
       onEmailSubmit: handleEmailSubmit,
       onSocialLogin: handleSocialLogin,
-      onCustomLogin: handleCustomLogin,
       onWalletConnect: handleWalletConnect,
       onLoginSmartWallet: handleLoginSmartWallet,
       onCreateSmartWallet: handleCreateSmartWallet,
@@ -4083,7 +4045,6 @@ function PollarProvider({
   const refreshWalletBalance = useCallback(() => pollarClient.refreshBalance(), [pollarClient, walletAddress]);
   const refreshAssets = useCallback(() => pollarClient.refreshAssets(), [pollarClient, walletAddress]);
   const renderWallets = ui?.renderWallets;
-  const customProviders = ui?.customProviders;
   const contextValue = useMemo(() => {
     const styles = resolvedConfig.styles ?? {};
     return {
@@ -4140,7 +4101,6 @@ function PollarProvider({
       appConfig: resolvedConfig,
       styles,
       renderWallets,
-      customProviders,
       adapters
     };
   }, [
@@ -4158,8 +4118,7 @@ function PollarProvider({
     networkState,
     resolvedConfig,
     adapters,
-    renderWallets,
-    customProviders
+    renderWallets
   ]);
   return /* @__PURE__ */ jsxs(PollarContext.Provider, { value: contextValue, children: [
     children,