@orangecheck/auth-client 2.14.0 → 2.15.0

package/dist/index.mjs

@@ -1878,13 +1878,25 @@ function SigninTab({
     }
   );
 }
-var OAUTH_PROVIDERS = [
-  { id: "google", label: "Continue with Google" }
-];
 function ProviderSignIn({
   authOrigin,
   returnTo
 }) {
+  const [providers, setProviders] = React3.useState([]);
+  const [origin, setOrigin] = React3.useState("");
+  React3.useEffect(() => {
+    setOrigin(window.location.origin);
+    let cancelled = false;
+    fetch(`${authOrigin}/api/auth/providers`, { credentials: "include" }).then((r) => r.ok ? r.json() : null).then((body) => {
+      if (!cancelled && body?.providers) setProviders(body.providers);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [authOrigin]);
+  if (providers.length === 0) return null;
+  const providerReturnTo = origin ? `${origin}${returnTo}` : returnTo;
   const line = { flex: 1, height: 1, background: "var(--border, #27272a)" };
   return /* @__PURE__ */ jsxs("div", { "data-oc-signin-providers": "", style: { marginTop: 20 }, children: [
     /* @__PURE__ */ jsxs(
@@ -1908,17 +1920,18 @@ function ProviderSignIn({
         ]
       }
     ),
-    OAUTH_PROVIDERS.map((p) => /* @__PURE__ */ jsx(
+    providers.map((p, i) => /* @__PURE__ */ jsx(
       "a",
       {
         href: `${authOrigin}/api/auth/${p.id}/start?return_to=${encodeURIComponent(
-          returnTo
+          providerReturnTo
         )}`,
         "data-oc-signin-provider": p.id,
         style: {
           display: "block",
           boxSizing: "border-box",
           width: "100%",
+          marginTop: i === 0 ? 0 : 8,
           padding: "0.6rem 0.875rem",
           textAlign: "center",
           border: "1px solid var(--border, #27272a)",