@spicenet-io/spiceflow-ui 1.9.34 → 1.9.36

package/dist/auth-privy.cjs.js

@@ -1,130 +1,7 @@
 "use client";
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const Button = require('./Button-D2yFTia-.js');
-const reactAuth = require('@privy-io/react-auth');
-
-const PrivyLogin = ({
-  onAuthSuccess,
-  onAuthError,
-  theme: themeMode = "light",
-  className = "",
-  buttonText = "Login with Privy",
-  autoTrigger = false
-}) => {
-  const theme = Button.createTheme(themeMode);
-  const [isClient, setIsClient] = React.useState(false);
-  const [hasAutoTriggered, setHasAutoTriggered] = React.useState(false);
-  const { ready, authenticated, user } = reactAuth.usePrivy();
-  const { login } = reactAuth.useLogin();
-  const { logout } = reactAuth.useLogout();
-  React.useEffect(() => {
-    setIsClient(true);
-  }, []);
-  React.useEffect(() => {
-    if (autoTrigger && ready && !authenticated && isClient && !hasAutoTriggered) {
-      setHasAutoTriggered(true);
-      handleLogin();
-    }
-  }, [autoTrigger, ready, authenticated, isClient, hasAutoTriggered]);
-  React.useEffect(() => {
-    if (ready && authenticated && user && onAuthSuccess) {
-      const address = user.wallet?.address || user.email?.address;
-      if (address) {
-        onAuthSuccess(address);
-      }
-    }
-  }, [ready, authenticated, user, onAuthSuccess]);
-  React.useEffect(() => {
-  }, [ready, authenticated, onAuthError]);
-  const handleLogin = () => {
-    try {
-      login();
-    } catch (error) {
-      const errorMessage = `Login failed: ${String(error)}`;
-      if (onAuthError) {
-        onAuthError(errorMessage);
-      } else {
-        console.error(errorMessage);
-      }
-    }
-  };
-  const handleLogout = () => {
-    try {
-      logout();
-    } catch (error) {
-      const errorMessage = `Logout failed: ${String(error)}`;
-      if (onAuthError) {
-        onAuthError(errorMessage);
-      } else {
-        console.error(errorMessage);
-      }
-    }
-  };
-  if (!isClient) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "primary", disabled: true, theme, children: buttonText }) });
-  }
-  if (!ready) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "primary", disabled: true, theme, children: "Loading..." }) });
-  }
-  if (authenticated && user) {
-    const displayAddress = user.wallet?.address || user.email?.address;
-    const shortAddress = displayAddress ? `${displayAddress.slice(0, 6)}...${displayAddress.slice(-4)}` : "Connected";
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant: "primary", onClick: handleLogout, theme, children: [
-      "Logout (",
-      shortAddress,
-      ")"
-    ] }) });
-  }
-  if (autoTrigger) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "20px",
-            flexDirection: "column",
-            gap: "12px"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: {
-                  width: "40px",
-                  height: "40px",
-                  border: "3px solid #e5e7eb",
-                  borderTop: "3px solid #3b82f6",
-                  borderRadius: "50%",
-                  animation: "spin 1s linear infinite"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#6b7280", fontSize: "14px" }, children: "Opening login..." })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: `
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),c=require("./Button-Cn16gFtO.js"),x=require("@privy-io/react-auth"),B=({onAuthSuccess:u,onAuthError:a,theme:p="light",className:l="",buttonText:f="Login with Privy",autoTrigger:h=!1})=>{const d=c.createTheme(p),[m,j]=o.useState(!1),[g,v]=o.useState(!1),{ready:i,authenticated:n,user:r}=x.usePrivy(),{login:b}=x.useLogin(),{logout:L}=x.useLogout();o.useEffect(()=>{j(!0)},[]),o.useEffect(()=>{h&&i&&!n&&m&&!g&&(v(!0),y())},[h,i,n,m,g]),o.useEffect(()=>{if(i&&n&&r&&u){const t=r.wallet?.address||r.email?.address;t&&u(t)}},[i,n,r,u]),o.useEffect(()=>{},[i,n,a]);const y=()=>{try{b()}catch(t){const s=`Login failed: ${String(t)}`;a?a(s):console.error(s)}},S=()=>{try{L()}catch(t){const s=`Logout failed: ${String(t)}`;a?a(s):console.error(s)}};if(!m)return e.jsx("div",{className:l,children:e.jsx(c.Button,{variant:"primary",disabled:!0,theme:d,children:f})});if(!i)return e.jsx("div",{className:l,children:e.jsx(c.Button,{variant:"primary",disabled:!0,theme:d,children:"Loading..."})});if(n&&r){const t=r.wallet?.address||r.email?.address,s=t?`${t.slice(0,6)}...${t.slice(-4)}`:"Connected";return e.jsx("div",{className:l,children:e.jsxs(c.Button,{variant:"primary",onClick:S,theme:d,children:["Logout (",s,")"]})})}return h?e.jsxs("div",{className:l,children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[e.jsx("div",{style:{width:"40px",height:"40px",border:"3px solid #e5e7eb",borderTop:"3px solid #3b82f6",borderRadius:"50%",animation:"spin 1s linear infinite"}}),e.jsx("p",{style:{color:"#6b7280",fontSize:"14px"},children:"Opening login..."})]}),e.jsx("style",{dangerouslySetInnerHTML:{__html:`
             @keyframes spin {
               0% { transform: rotate(0deg); }
               100% { transform: rotate(360deg); }
             }
-          `
-          }
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "primary", onClick: handleLogin, theme, children: buttonText }) });
-};
-
-exports.PrivyLogin = PrivyLogin;
+          `}})]}):e.jsx("div",{className:l,children:e.jsx(c.Button,{variant:"primary",onClick:y,theme:d,children:f})})};exports.PrivyLogin=B;

package/dist/auth-privy.js

@@ -1,128 +1,7 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { B as Button, c as createTheme } from './Button-CWjGZdAM.js';
-import { usePrivy, useLogin, useLogout } from '@privy-io/react-auth';
-
-const PrivyLogin = ({
-  onAuthSuccess,
-  onAuthError,
-  theme: themeMode = "light",
-  className = "",
-  buttonText = "Login with Privy",
-  autoTrigger = false
-}) => {
-  const theme = createTheme(themeMode);
-  const [isClient, setIsClient] = useState(false);
-  const [hasAutoTriggered, setHasAutoTriggered] = useState(false);
-  const { ready, authenticated, user } = usePrivy();
-  const { login } = useLogin();
-  const { logout } = useLogout();
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  useEffect(() => {
-    if (autoTrigger && ready && !authenticated && isClient && !hasAutoTriggered) {
-      setHasAutoTriggered(true);
-      handleLogin();
-    }
-  }, [autoTrigger, ready, authenticated, isClient, hasAutoTriggered]);
-  useEffect(() => {
-    if (ready && authenticated && user && onAuthSuccess) {
-      const address = user.wallet?.address || user.email?.address;
-      if (address) {
-        onAuthSuccess(address);
-      }
-    }
-  }, [ready, authenticated, user, onAuthSuccess]);
-  useEffect(() => {
-  }, [ready, authenticated, onAuthError]);
-  const handleLogin = () => {
-    try {
-      login();
-    } catch (error) {
-      const errorMessage = `Login failed: ${String(error)}`;
-      if (onAuthError) {
-        onAuthError(errorMessage);
-      } else {
-        console.error(errorMessage);
-      }
-    }
-  };
-  const handleLogout = () => {
-    try {
-      logout();
-    } catch (error) {
-      const errorMessage = `Logout failed: ${String(error)}`;
-      if (onAuthError) {
-        onAuthError(errorMessage);
-      } else {
-        console.error(errorMessage);
-      }
-    }
-  };
-  if (!isClient) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Button, { variant: "primary", disabled: true, theme, children: buttonText }) });
-  }
-  if (!ready) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Button, { variant: "primary", disabled: true, theme, children: "Loading..." }) });
-  }
-  if (authenticated && user) {
-    const displayAddress = user.wallet?.address || user.email?.address;
-    const shortAddress = displayAddress ? `${displayAddress.slice(0, 6)}...${displayAddress.slice(-4)}` : "Connected";
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleLogout, theme, children: [
-      "Logout (",
-      shortAddress,
-      ")"
-    ] }) });
-  }
-  if (autoTrigger) {
-    return /* @__PURE__ */ jsxs("div", { className, children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "20px",
-            flexDirection: "column",
-            gap: "12px"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  width: "40px",
-                  height: "40px",
-                  border: "3px solid #e5e7eb",
-                  borderTop: "3px solid #3b82f6",
-                  borderRadius: "50%",
-                  animation: "spin 1s linear infinite"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { style: { color: "#6b7280", fontSize: "14px" }, children: "Opening login..." })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: `
+import{jsx as r,jsxs as p}from"react/jsx-runtime";import{useState as x,useEffect as d}from"react";import{B as c,c as T}from"./Button-4ryz2e1P.js";import{usePrivy as w,useLogin as P,useLogout as $}from"@privy-io/react-auth";const j=({onAuthSuccess:m,onAuthError:n,theme:v="light",className:a="",buttonText:f="Login with Privy",autoTrigger:u=!1})=>{const l=T(v),[h,b]=x(!1),[g,L]=x(!1),{ready:o,authenticated:s,user:t}=w(),{login:N}=P(),{logout:S}=$();d(()=>{b(!0)},[]),d(()=>{u&&o&&!s&&h&&!g&&(L(!0),y())},[u,o,s,h,g]),d(()=>{if(o&&s&&t&&m){const e=t.wallet?.address||t.email?.address;e&&m(e)}},[o,s,t,m]),d(()=>{},[o,s,n]);const y=()=>{try{N()}catch(e){const i=`Login failed: ${String(e)}`;n?n(i):console.error(i)}},C=()=>{try{S()}catch(e){const i=`Logout failed: ${String(e)}`;n?n(i):console.error(i)}};if(!h)return r("div",{className:a,children:r(c,{variant:"primary",disabled:!0,theme:l,children:f})});if(!o)return r("div",{className:a,children:r(c,{variant:"primary",disabled:!0,theme:l,children:"Loading..."})});if(s&&t){const e=t.wallet?.address||t.email?.address,i=e?`${e.slice(0,6)}...${e.slice(-4)}`:"Connected";return r("div",{className:a,children:p(c,{variant:"primary",onClick:C,theme:l,children:["Logout (",i,")"]})})}return u?p("div",{className:a,children:[p("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[r("div",{style:{width:"40px",height:"40px",border:"3px solid #e5e7eb",borderTop:"3px solid #3b82f6",borderRadius:"50%",animation:"spin 1s linear infinite"}}),r("p",{style:{color:"#6b7280",fontSize:"14px"},children:"Opening login..."})]}),r("style",{dangerouslySetInnerHTML:{__html:`
             @keyframes spin {
               0% { transform: rotate(0deg); }
               100% { transform: rotate(360deg); }
             }
-          `
-          }
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleLogin, theme, children: buttonText }) });
-};
-
-export { PrivyLogin };
+          `}})]}):r("div",{className:a,children:r(c,{variant:"primary",onClick:y,theme:l,children:f})})};export{j as PrivyLogin};