@tempots/beatui 0.17.0 → 0.19.0

package/dist/auth/index.es.js

@@ -0,0 +1,1331 @@
+import { localStorageProp as ro, prop as U, Use as S, html as m, OnDispose as O, attr as n, on as T, When as L, coalesce as g, computedOf as f, bind as so, ForEach as ao, Value as J, OneOfValue as io, Fragment as A } from "@tempots/dom";
+import { t as co, b as K, u as W, S as q, c as eo, d as $, P as G, E as N, a as V, T as uo, G as mo, I as lo } from "../translations-DBtfTNnM.js";
+import { s as I, o as E, b as R, M as po } from "../modal-nbZW44XS.js";
+import { AuthI18n as x } from "../translations-DbN-OSLv.js";
+import { classes as ho } from "@tempots/ui";
+const M = {
+  google: { name: "Google", icon: "logos:google-icon", color: "#4285f4" },
+  github: { name: "GitHub", icon: "logos:github-icon", color: "#333" },
+  apple: { name: "Apple", icon: "logos:apple", color: "#000" },
+  facebook: { name: "Facebook", icon: "logos:facebook", color: "#1877f2" },
+  twitter: { name: "Twitter", icon: "logos:twitter", color: "#1da1f2" },
+  microsoft: {
+    name: "Microsoft",
+    icon: "logos:microsoft-icon",
+    color: "#00a4ef"
+  },
+  discord: { name: "Discord", icon: "logos:discord-icon", color: "#5865f2" },
+  linkedin: { name: "LinkedIn", icon: "logos:linkedin-icon", color: "#0077b5" },
+  instagram: {
+    name: "Instagram",
+    icon: "logos:instagram-icon",
+    color: "#e4405f"
+  },
+  tiktok: { name: "TikTok", icon: "logos:tiktok-icon", color: "#000" },
+  snapchat: { name: "Snapchat", icon: "logos:snapchat-icon", color: "#fffc00" },
+  reddit: { name: "Reddit", icon: "logos:reddit-icon", color: "#ff4500" },
+  pinterest: {
+    name: "Pinterest",
+    icon: "logos:pinterest-icon",
+    color: "#bd081c"
+  },
+  twitch: { name: "Twitch", icon: "logos:twitch", color: "#9146ff" },
+  steam: { name: "Steam", icon: "logos:steam-icon", color: "#000" },
+  epic: {
+    name: "Epic Games",
+    icon: "simple-icons:epicgames",
+    color: "#313131"
+  },
+  playstation: {
+    name: "PlayStation",
+    icon: "logos:playstation-icon",
+    color: "#003791"
+  },
+  xbox: { name: "Xbox", icon: "logos:xbox-icon", color: "#107c10" },
+  whatsapp: { name: "WhatsApp", icon: "logos:whatsapp-icon", color: "#25d366" },
+  wechat: { name: "WeChat", icon: "logos:wechat-icon", color: "#1aad19" },
+  amazon: { name: "Amazon", icon: "logos:amazon-icon", color: "#ff9900" },
+  yahoo: { name: "Yahoo", icon: "logos:yahoo-icon", color: "#720e9e" },
+  paypal: { name: "PayPal", icon: "logos:paypal", color: "#0070ba" },
+  x: { name: "X", icon: "simple-icons:x", color: "#000" }
+};
+function go(o) {
+  var e;
+  return ((e = M[o]) == null ? void 0 : e.name) || o;
+}
+function Bo(o) {
+  var e;
+  return ((e = M[o]) == null ? void 0 : e.icon) || "mdi:account";
+}
+function $o(o) {
+  var e;
+  return ((e = M[o]) == null ? void 0 : e.color) || "#666";
+}
+function Io(o, e = "Continue with {provider}") {
+  return e.replace("{provider}", go(o));
+}
+const B = {
+  minLength: 8,
+  requireUppercase: !0,
+  requireLowercase: !0,
+  requireNumbers: !0,
+  requireSymbols: !1
+};
+function To(o) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o);
+}
+function fo(o = 32) {
+  const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let r = "";
+  for (let a = 0; a < o; a++)
+    r += e.charAt(Math.floor(Math.random() * e.length));
+  return r;
+}
+function Ao(o, e, r, a = [], c = {}) {
+  const i = {
+    google: "https://accounts.google.com/oauth/authorize",
+    github: "https://github.com/login/oauth/authorize",
+    apple: "https://appleid.apple.com/auth/authorize",
+    facebook: "https://www.facebook.com/v18.0/dialog/oauth",
+    twitter: "https://twitter.com/i/oauth2/authorize",
+    microsoft: "https://login.microsoftonline.com/common/oauth2/v2.0/authorize",
+    discord: "https://discord.com/api/oauth2/authorize",
+    linkedin: "https://www.linkedin.com/oauth/v2/authorization",
+    instagram: "https://api.instagram.com/oauth/authorize",
+    tiktok: "https://www.tiktok.com/v2/auth/authorize",
+    snapchat: "https://accounts.snapchat.com/accounts/oauth2/authorize",
+    reddit: "https://www.reddit.com/api/v1/authorize",
+    pinterest: "https://api.pinterest.com/oauth/",
+    twitch: "https://id.twitch.tv/oauth2/authorize",
+    steam: "https://steamcommunity.com/oauth/authorize",
+    epic: "https://auth.epicgames.com/authorize",
+    playstation: "https://auth.api.sonyentertainmentnetwork.com/oauth/authorize",
+    xbox: "https://login.live.com/oauth20_authorize.srf",
+    whatsapp: "https://web.whatsapp.com/oauth/authorize",
+    wechat: "https://open.weixin.qq.com/connect/qrconnect",
+    amazon: "https://www.amazon.com/ap/oa",
+    yahoo: "https://api.login.yahoo.com/oauth2/request_auth",
+    paypal: "https://www.paypal.com/signin/authorize",
+    x: "https://api.twitter.com/oauth2/authorize"
+  }, t = {
+    google: ["openid", "email", "profile"],
+    github: ["user:email"],
+    apple: ["email", "name"],
+    facebook: ["email"],
+    twitter: ["users.read"],
+    microsoft: ["openid", "email", "profile"],
+    discord: ["identify", "email"],
+    linkedin: ["r_liteprofile", "r_emailaddress"],
+    instagram: ["user_profile", "user_media"],
+    tiktok: ["user.info.basic", "user.external.id"],
+    snapchat: ["user.info.basic", "user.external.id"],
+    reddit: ["identity", "email"],
+    pinterest: ["read_public", "read_relationships"],
+    twitch: ["openid", "email", "profile"],
+    steam: ["openid", "email", "profile"],
+    epic: ["openid", "email", "profile"],
+    playstation: ["openid", "email", "profile"],
+    xbox: ["openid", "email", "profile"],
+    whatsapp: ["openid", "email", "profile"],
+    wechat: ["openid", "email", "profile"],
+    amazon: ["openid", "email", "profile"],
+    yahoo: ["openid", "email", "profile"],
+    paypal: ["openid", "email", "profile"],
+    x: ["openid", "email", "profile"]
+  }, s = i[o];
+  if (!s)
+    throw new Error(`Unsupported provider: ${o}`);
+  const l = a.length > 0 ? a : t[o], u = fo(), w = new URLSearchParams({
+    client_id: e,
+    redirect_uri: r,
+    scope: l.join(" "),
+    state: u,
+    response_type: "code",
+    ...c
+  });
+  return `${s}?${w.toString()}`;
+}
+function zo(o, e, r, a) {
+  const c = window.open(
+    o,
+    `${e}_login`,
+    "width=500,height=600,scrollbars=yes,resizable=yes"
+  );
+  if (!c) {
+    a == null || a(new Error("Failed to open popup window"));
+    return;
+  }
+  const i = setInterval(() => {
+    c.closed && (clearInterval(i), a == null || a(new Error("Login cancelled")));
+  }, 1e3), t = (s) => {
+    s.origin === window.location.origin && (s.data.type === "SOCIAL_LOGIN_SUCCESS" ? (clearInterval(i), c.close(), window.removeEventListener("message", t), r == null || r(s.data.result)) : s.data.type === "SOCIAL_LOGIN_ERROR" && (clearInterval(i), c.close(), window.removeEventListener("message", t), a == null || a(new Error(s.data.error))));
+  };
+  window.addEventListener("message", t);
+}
+function Co(o) {
+  return o instanceof Error ? o.message : typeof o == "string" ? o : o && typeof o == "object" && "message" in o ? String(o.message) : "An unexpected error occurred";
+}
+function Uo() {
+  return typeof window < "u" && typeof document < "u";
+}
+function H({
+  task: o,
+  message: e,
+  onStart: r,
+  onEnd: a
+}) {
+  return async (c) => {
+    r == null || r();
+    const i = await co({
+      task: o != null ? () => o(c) : async () => null,
+      errorMessage: e,
+      errorPath: ["root"],
+      validation: (t) => t != null ? K.invalid({ message: t }) : K.valid
+    });
+    return a == null || a(), i;
+  };
+}
+function j(o = B) {
+  let e = I();
+  return o.minLength && (e = e.min(
+    o.minLength,
+    `Password must be at least ${o.minLength} characters`
+  )), o.requireUppercase && (e = e.regex(
+    /[A-Z]/,
+    "Password must contain at least one uppercase letter"
+  )), o.requireLowercase && (e = e.regex(
+    /[a-z]/,
+    "Password must contain at least one lowercase letter"
+  )), o.requireNumbers && (e = e.regex(
+    /[0-9]/,
+    "Password must contain at least one number"
+  )), o.requireSymbols && (e = e.regex(
+    /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/,
+    "Password must contain at least one special character"
+  )), o.customValidation && (e = e.refine((r) => o.customValidation(r))), e;
+}
+const F = I().min(1, "Email is required").email("Please enter a valid email address");
+function X(o) {
+  const e = o ? j(o) : I().refine(
+    (r) => r.length > 0 ? null : "Password is required"
+  );
+  return E({
+    email: F,
+    password: e,
+    rememberMe: R().default(!1)
+  }).schema();
+}
+function Y(o = B, e) {
+  const r = j(o), a = (e == null ? void 0 : e.showNameField) !== !1, c = (e == null ? void 0 : e.showConfirmPassword) !== !1, i = (e == null ? void 0 : e.showAcceptTermsAndConditions) !== !1, t = {
+    name: a ? I().min(1, "Name is required").optional() : I().optional(),
+    email: F,
+    password: r,
+    // Always require confirmPassword as string to match SignUpData interface
+    // When not shown, it should accept any value (including empty string)
+    confirmPassword: c ? I().min(1, "Please confirm your password") : I(),
+    // Accept any string value when not shown
+    acceptTerms: i ? R().refine(
+      (l) => l === !0,
+      "You must accept the terms and conditions"
+    ) : R().default(!0)
+    // Default to true when not shown
+  }, s = E(t);
+  return c ? s.refine(
+    (l) => l.password === l.confirmPassword ? null : "Passwords don't match",
+    { path: ["confirmPassword"] }
+  ).schema() : s.schema();
+}
+const to = E({
+  email: F
+}).schema(), Oo = X(), Vo = Y(), Fo = {
+  signIn: X,
+  signUp: Y,
+  resetPassword: () => to
+};
+function Do(o) {
+  var r;
+  const e = F.validate(o);
+  return e.success ? null : ((r = e.errors[0]) == null ? void 0 : r.message) || "Invalid email";
+}
+function Go(o, e = B) {
+  var c;
+  const a = j(e).validate(o);
+  return a.success ? null : ((c = a.errors[0]) == null ? void 0 : c.message) || "Invalid password";
+}
+function Z(o, e = B) {
+  const r = {
+    length: o.length >= (e.minLength || 8),
+    uppercase: /[A-Z]/.test(o),
+    lowercase: /[a-z]/.test(o),
+    numbers: /[0-9]/.test(o),
+    symbols: /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(o),
+    custom: e.customValidation ? e.customValidation(o) === null : o.length > 0
+    // For consistency, fail if password is empty
+  }, a = [
+    !0,
+    // length is always enabled
+    e.requireUppercase,
+    e.requireLowercase,
+    e.requireNumbers,
+    e.requireSymbols,
+    !!e.customValidation
+  ].filter(Boolean).length, c = [
+    r.length,
+    e.requireUppercase ? r.uppercase : null,
+    e.requireLowercase ? r.lowercase : null,
+    e.requireNumbers ? r.numbers : null,
+    e.requireSymbols ? r.symbols : null,
+    e.customValidation ? r.custom : null
+  ].filter((s) => s === !0).length, i = a > 0 ? Math.round(c / a * 100) : 0;
+  let t;
+  return i < 40 ? t = "weak" : i < 60 ? t = "fair" : i < 80 ? t = "good" : t = "strong", { strength: t, score: i, checks: r };
+}
+const no = () => ro({
+  key: "bui_auth_email",
+  defaultValue: null
+});
+function wo({
+  onSignIn: o,
+  passwordRules: e,
+  labels: r,
+  showRememberMe: a
+}) {
+  const c = U(!1), i = no(), t = X(e), s = W({
+    schema: t,
+    submit: H({
+      task: o != null ? (h) => o({
+        email: h.email,
+        password: h.password
+      }) : void 0,
+      message: "Reset password failed",
+      onStart: () => {
+        c.set(!0), s.controller.disable();
+      },
+      onEnd: () => {
+        c.set(!1), s.controller.enable();
+      }
+    }),
+    initialValue: {
+      email: "",
+      password: ""
+    }
+  }), { controller: l, onSubmit: u } = s;
+  c.on(l.setDisabled);
+  const w = l.field("email"), _ = l.field("password");
+  return i.on((h) => {
+    h != null && w.change(h);
+  }), w.value.on((h) => {
+    i.value != null && (i.value = h);
+  }), S(
+    x,
+    (h) => (
+      // Email/Password form
+      m.form(
+        O(l.dispose, i.dispose, c.dispose),
+        n.class("bc-auth-form__form"),
+        T.submit(u),
+        q(
+          n.class("bc-auth-form__fields"),
+          // Email field
+          $(N, {
+            controller: w,
+            label: g(r == null ? void 0 : r.emailLabel, h.$.emailLabel)
+          }),
+          // Password field
+          $(G, {
+            controller: _,
+            label: g(r == null ? void 0 : r.passwordLabel, h.$.passwordLabel)
+          }),
+          // Remember me checkbox
+          L(
+            a ?? !0,
+            () => m.div(
+              n.class("bc-auth-form__remember-me"),
+              m.label(
+                n.class("bc-auth-form__checkbox-label"),
+                eo({
+                  value: i.map((k) => k != null),
+                  after: m.span(
+                    g(r == null ? void 0 : r.rememberMeLabel, h.$.rememberMeLabel)
+                  ),
+                  onChange: (k) => {
+                    k ? i.value = w.value.value ?? "" : i.value = null;
+                  }
+                })
+              )
+            )
+          )
+        ),
+        // Submit button
+        V(
+          {
+            type: "submit",
+            variant: "filled",
+            color: "primary",
+            loading: c,
+            disabled: l.disabledOrHasErrors
+          },
+          n.class("bc-auth-form__submit"),
+          g(r == null ? void 0 : r.signInButton, h.$.signInButton)
+        )
+      )
+    )
+  );
+}
+function _o({
+  password: o,
+  rules: e = B,
+  showLabel: r = !0,
+  className: a
+}) {
+  const c = f(o)((u) => !u || u.length === 0 ? {
+    strength: "weak",
+    score: 0,
+    checks: {
+      length: !1,
+      uppercase: !1,
+      lowercase: !1,
+      numbers: !1,
+      symbols: !1,
+      custom: !1
+    }
+  } : Z(u, e)), i = c.map((u) => u.strength), t = c.map((u) => u.score), s = c.map((u) => u.checks), l = f(
+    i,
+    a
+  )((u, w) => [
+    "bc-password-strength",
+    `bc-password-strength--${u}`,
+    w
+  ].filter(Boolean).join(" "));
+  return m.div(
+    n.class(l),
+    // Strength bar
+    m.div(
+      n.class("bc-password-strength__bar"),
+      m.div(
+        n.class("bc-password-strength__fill"),
+        n.style(t.map((u) => `width: ${u}%`))
+      )
+    ),
+    // Strength label (optional)
+    L(
+      r,
+      () => S(
+        x,
+        (u) => m.div(
+          n.class("bc-password-strength__label"),
+          f(
+            i,
+            u
+          )((w, _) => {
+            switch (w) {
+              case "weak":
+                return _.passwordStrengthWeak;
+              case "fair":
+                return _.passwordStrengthFair;
+              case "good":
+                return _.passwordStrengthGood;
+              case "strong":
+                return _.passwordStrengthStrong;
+              default:
+                return _.passwordStrengthWeak;
+            }
+          })
+        )
+      )
+    ),
+    // Requirements checklist
+    m.div(
+      n.class("bc-password-strength__requirements"),
+      // Length requirement
+      L(
+        e.minLength !== void 0,
+        () => m.div(
+          n.class("bc-password-strength__requirement"),
+          n.class(
+            f(s)(
+              (u) => u.length ? "bc-password-strength__requirement--met" : ""
+            )
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-icon"),
+            f(s)((u) => u.length ? "✓" : "○")
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-text"),
+            `At least ${e.minLength} characters`
+          )
+        )
+      ),
+      // Uppercase requirement
+      L(
+        e.requireUppercase === !0,
+        () => m.div(
+          n.class("bc-password-strength__requirement"),
+          n.class(
+            f(s)(
+              (u) => u.uppercase ? "bc-password-strength__requirement--met" : ""
+            )
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-icon"),
+            f(s)((u) => u.uppercase ? "✓" : "○")
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-text"),
+            "One uppercase letter"
+          )
+        )
+      ),
+      // Lowercase requirement
+      L(
+        e.requireLowercase === !0,
+        () => m.div(
+          n.class("bc-password-strength__requirement"),
+          n.class(
+            f(s)(
+              (u) => u.lowercase ? "bc-password-strength__requirement--met" : ""
+            )
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-icon"),
+            f(s)((u) => u.lowercase ? "✓" : "○")
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-text"),
+            "One lowercase letter"
+          )
+        )
+      ),
+      // Numbers requirement
+      L(
+        e.requireNumbers === !0,
+        () => m.div(
+          n.class("bc-password-strength__requirement"),
+          n.class(
+            f(s)(
+              (u) => u.numbers ? "bc-password-strength__requirement--met" : ""
+            )
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-icon"),
+            f(s)((u) => u.numbers ? "✓" : "○")
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-text"),
+            "One number"
+          )
+        )
+      ),
+      // Symbols requirement
+      L(
+        e.requireSymbols === !0,
+        () => m.div(
+          n.class("bc-password-strength__requirement"),
+          n.class(
+            f(s)(
+              (u) => u.symbols ? "bc-password-strength__requirement--met" : ""
+            )
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-icon"),
+            f(s)((u) => u.symbols ? "✓" : "○")
+          ),
+          m.span(
+            n.class("bc-password-strength__requirement-text"),
+            "One special character"
+          )
+        )
+      )
+    )
+  );
+}
+function Ro({
+  password: o,
+  rules: e = B,
+  className: r
+}) {
+  const a = f(o)((s) => !s || s.length === 0 ? { strength: "weak", score: 0 } : Z(s, e)), c = a.map((s) => s.strength), i = a.map((s) => s.score), t = f(
+    c,
+    r
+  )((s, l) => [
+    "bc-password-strength-bar",
+    `bc-password-strength-bar--${s}`,
+    l
+  ].filter(Boolean).join(" "));
+  return m.div(
+    n.class(t),
+    m.div(
+      n.class("bc-password-strength-bar__fill"),
+      n.style(i.map((s) => `width: ${s}%`))
+    )
+  );
+}
+function Wo({
+  password: o,
+  rules: e = B,
+  className: r
+}) {
+  const a = f(o)((i) => !i || i.length === 0 ? "weak" : Z(i, e).strength), c = f(
+    a,
+    r
+  )((i, t) => [
+    "bc-password-strength-text",
+    `bc-password-strength-text--${i}`,
+    t
+  ].filter(Boolean).join(" "));
+  return S(
+    x,
+    (i) => m.span(
+      n.class(c),
+      f(
+        a,
+        i
+      )((t, s) => {
+        switch (t) {
+          case "weak":
+            return s.passwordStrengthWeak;
+          case "fair":
+            return s.passwordStrengthFair;
+          case "good":
+            return s.passwordStrengthGood;
+          case "strong":
+            return s.passwordStrengthStrong;
+          default:
+            return s.passwordStrengthWeak;
+        }
+      })
+    )
+  );
+}
+function Lo({
+  passwordRules: o,
+  labels: e,
+  showPasswordStrength: r,
+  onSignUp: a,
+  showNameField: c,
+  showConfirmPassword: i,
+  showAcceptTermsAndConditions: t,
+  termsAndConditions: s
+}) {
+  const l = U(!1), u = o || B, w = Y(u, {
+    showNameField: c !== !1,
+    showConfirmPassword: i !== !1,
+    showAcceptTermsAndConditions: t !== !1
+  }), _ = W({
+    schema: w,
+    submit: H({
+      task: a != null ? (y) => a({
+        email: y.email,
+        password: y.password,
+        name: y.name
+      }) : void 0,
+      message: "Reset password failed",
+      onStart: () => {
+        l.set(!0), _.controller.disable();
+      },
+      onEnd: () => {
+        l.set(!1), _.controller.enable();
+      }
+    }),
+    initialValue: {
+      name: "",
+      email: "",
+      password: "",
+      confirmPassword: "",
+      acceptTerms: !1
+    }
+  }), { controller: h, onSubmit: k } = _;
+  l.on(h.setDisabled);
+  const v = h.field("name"), z = h.field("email"), C = h.field("password"), D = h.field("confirmPassword"), b = h.field("acceptTerms");
+  return S(
+    x,
+    (y) => (
+      // Registration form
+      m.form(
+        O(h.dispose, l.dispose),
+        n.class("bc-auth-form__form"),
+        T.submit(k),
+        q(
+          n.class("bc-auth-form__fields"),
+          // Name field (optional)
+          L(
+            c !== !1,
+            () => $(uo, {
+              controller: v.transform(
+                (P) => P ?? "",
+                (P) => P === "" ? void 0 : P
+              ),
+              label: g(e == null ? void 0 : e.nameLabel, y.$.nameLabel)
+            })
+          ),
+          // Email field
+          $(N, {
+            controller: z,
+            label: g(e == null ? void 0 : e.emailLabel, y.$.emailLabel)
+          }),
+          // Password field
+          $(G, {
+            controller: C,
+            label: g(e == null ? void 0 : e.passwordLabel, y.$.passwordLabel)
+          }),
+          // Password strength indicator
+          L(
+            r ?? !1,
+            () => _o({
+              password: C.value,
+              rules: u,
+              showLabel: !0
+            })
+          ),
+          // Confirm password field
+          L(
+            i ?? !1,
+            () => $(G, {
+              controller: D,
+              label: g(
+                e == null ? void 0 : e.confirmPasswordLabel,
+                y.$.confirmPasswordLabel
+              )
+            })
+          ),
+          // Terms acceptance checkbox
+          L(
+            t ?? !1,
+            () => m.div(
+              n.class("bc-auth-form__terms"),
+              m.label(
+                n.class("bc-auth-form__checkbox-label"),
+                eo({
+                  value: b.value.map((P) => P ?? !1),
+                  onChange: (P) => b.change(P)
+                }),
+                m.span(
+                  s || g(e == null ? void 0 : e.acceptTermsLabel, y.$.acceptTermsLabel)
+                )
+              ),
+              L(
+                b.errorVisible,
+                () => m.div(
+                  n.class("bc-auth-form__field-error"),
+                  b.error.map((P) => P || "")
+                )
+              )
+            )
+          )
+        ),
+        // Submit button
+        V(
+          {
+            type: "submit",
+            variant: "filled",
+            color: "primary",
+            loading: l,
+            disabled: h.disabledOrHasErrors
+          },
+          n.class("bc-auth-form__submit"),
+          g(e == null ? void 0 : e.signUpButton, y.$.signUpButton)
+        )
+      )
+    )
+  );
+}
+function ko({
+  onResetPassword: o,
+  labels: e = {}
+}) {
+  const r = no(), a = U(!1), c = W({
+    schema: to,
+    submit: H({
+      task: o,
+      message: "Reset password failed",
+      onStart: () => {
+        a.set(!0), c.controller.disable();
+      },
+      onEnd: () => {
+        a.set(!1), c.controller.enable();
+      }
+    }),
+    initialValue: {
+      email: ""
+    }
+  }), { controller: i, onSubmit: t } = c;
+  a.on(i.setDisabled);
+  const s = i.field("email");
+  return r.on((l) => {
+    l != null && s.change(l);
+  }), S(
+    x,
+    (l) => (
+      // Reset password form
+      m.form(
+        O(i.dispose, r.dispose, a.dispose),
+        n.class("bc-auth-form__form"),
+        // Description
+        m.p(
+          n.class("bc-auth-form__description"),
+          g(e == null ? void 0 : e.resetPasswordDescription, l.$.resetPasswordDescription)
+        ),
+        T.submit(t),
+        q(
+          n.class("bc-auth-form__fields"),
+          // Email field
+          $(N, {
+            controller: s,
+            label: g(e == null ? void 0 : e.emailLabel, l.$.emailLabel)
+          })
+        ),
+        // Submit button
+        V(
+          {
+            loading: a,
+            type: "submit",
+            variant: "filled",
+            color: "primary",
+            disabled: i.disabledOrHasErrors
+          },
+          n.class("bc-auth-form__submit"),
+          g(e == null ? void 0 : e.resetPasswordButton, l.$.resetPasswordButton)
+        )
+      )
+    )
+  );
+}
+function p({
+  provider: o,
+  onClick: e,
+  size: r = "md",
+  name: a,
+  icon: c,
+  color: i,
+  flow: t,
+  labels: s
+}) {
+  return V(
+    {
+      type: "button",
+      variant: "filled",
+      size: r,
+      color: i,
+      onClick: async () => {
+        if (e)
+          try {
+            t === "popup" ? await e() : await e();
+          } catch (u) {
+            console.error(
+              `Social login error for ${o} (${t || "redirect"} flow):`,
+              u
+            );
+          }
+      },
+      roundedness: "full"
+    },
+    n.class("bc-social-login-button"),
+    n.class(
+      f(o)((u) => `bc-social-login-button--${u}`)
+    ),
+    mo(
+      n.class("bu-items-center bu-w-full"),
+      lo({ icon: c, size: r }, n.class("bu-bg-white bu-rounded-full bu-p-2")),
+      // Button text or custom children
+      S(
+        x,
+        (u) => m.span(
+          n.class(
+            "bu-flex-grow bu-flex bu-items-center bu-align-center bu-text-center bu-px-4"
+          ),
+          so(
+            g(s == null ? void 0 : s.continueWithProvider, u.$.continueWithProvider)
+          )(a)
+        )
+      )
+    )
+  );
+}
+function vo({
+  providers: o,
+  onProviderClick: e,
+  size: r = "md",
+  className: a
+}) {
+  return q(
+    n.class("bc-social-login-buttons bu-gap-2 bu-px-8"),
+    n.class(a),
+    ao(
+      o,
+      (c) => p({
+        provider: c.$.provider,
+        flow: c.$.flow,
+        color: c.map(
+          ({ provider: i }) => d[i].color
+        ),
+        name: c.map(({ provider: i }) => d[i].name),
+        icon: c.map(({ provider: i }) => d[i].icon),
+        onClick: async () => {
+          e && await e(c.$.provider.value);
+        },
+        size: r
+      })
+    )
+  );
+}
+const d = {
+  // Core
+  google: {
+    name: "Google",
+    icon: "logos:google-icon",
+    color: "red"
+  },
+  github: {
+    name: "GitHub",
+    icon: "logos:github-icon",
+    color: "black"
+  },
+  apple: {
+    name: "Apple",
+    icon: "logos:apple",
+    color: "stone"
+    // using stone to differentiate from GitHub/X
+  },
+  facebook: {
+    name: "Facebook",
+    icon: "logos:facebook",
+    color: "blue"
+  },
+  twitter: {
+    name: "Twitter",
+    icon: "logos:twitter",
+    color: "sky"
+  },
+  x: {
+    name: "X",
+    icon: "logos:x",
+    color: "zinc"
+    // avoids duplicate black
+  },
+  microsoft: {
+    name: "Microsoft",
+    icon: "logos:microsoft-icon",
+    color: "amber"
+  },
+  discord: {
+    name: "Discord",
+    icon: "logos:discord-icon",
+    color: "indigo"
+  },
+  linkedin: {
+    name: "LinkedIn",
+    icon: "logos:linkedin-icon",
+    color: "cyan"
+  },
+  // Social / Media
+  instagram: {
+    name: "Instagram",
+    icon: "logos:instagram-icon",
+    color: "fuchsia"
+  },
+  tiktok: {
+    name: "TikTok",
+    icon: "logos:tiktok-icon",
+    color: "teal"
+  },
+  snapchat: {
+    name: "Snapchat",
+    icon: "streamline-logos:snapchat-logo-solid",
+    color: "yellow"
+  },
+  reddit: {
+    name: "Reddit",
+    icon: "logos:reddit-icon",
+    color: "orange"
+  },
+  pinterest: {
+    name: "Pinterest",
+    icon: "logos:pinterest",
+    color: "rose"
+  },
+  // Gaming / Entertainment
+  twitch: {
+    name: "Twitch",
+    icon: "logos:twitch",
+    color: "purple"
+  },
+  steam: {
+    name: "Steam",
+    icon: "logos:steam",
+    color: "slate"
+  },
+  epic: {
+    name: "Epic Games",
+    icon: "streamline-logos:epic-games-logo-solid",
+    color: "neutral"
+  },
+  playstation: {
+    name: "PlayStation",
+    icon: "streamline-logos:playstation-logo-solid",
+    color: "violet"
+  },
+  xbox: {
+    name: "Xbox",
+    icon: "streamline-logos:xbox-live-logo-solid",
+    color: "green"
+  },
+  // Messaging
+  whatsapp: {
+    name: "WhatsApp",
+    icon: "logos:whatsapp-icon",
+    color: "emerald"
+  },
+  wechat: {
+    name: "WeChat",
+    icon: "streamline-logos:wechat-logo",
+    color: "lime"
+  },
+  // Other Identity
+  amazon: {
+    name: "Amazon",
+    icon: "streamline-logos:amazon-logo-solid",
+    color: "red"
+    // distinct warm tone (not used elsewhere here)
+  },
+  yahoo: {
+    name: "Yahoo",
+    icon: "logos:yahoo",
+    color: "rose"
+    // unique variation for Yahoo
+  },
+  paypal: {
+    name: "PayPal",
+    icon: "logos:paypal",
+    color: "blue"
+    // distinct deep blue tone (not Facebook’s exact blue)
+  }
+}, No = (o) => p({
+  ...o,
+  ...d.google,
+  provider: "google"
+}), Eo = (o) => p({
+  ...o,
+  ...d.github,
+  provider: "github"
+}), Mo = (o) => p({
+  ...o,
+  ...d.apple,
+  provider: "apple"
+}), Ho = (o) => p({
+  ...o,
+  ...d.facebook,
+  provider: "facebook"
+}), jo = (o) => p({
+  ...o,
+  ...d.x,
+  provider: "x"
+}), Xo = (o) => p({
+  ...o,
+  ...d.twitter,
+  provider: "twitter"
+}), Yo = (o) => p({
+  ...o,
+  ...d.microsoft,
+  provider: "microsoft"
+}), Zo = (o) => p({
+  ...o,
+  ...d.discord,
+  provider: "discord"
+}), Jo = (o) => p({
+  ...o,
+  ...d.linkedin,
+  provider: "linkedin"
+}), Ko = (o) => p({
+  ...o,
+  ...d.instagram,
+  provider: "instagram"
+}), Qo = (o) => p({
+  ...o,
+  ...d.tiktok,
+  provider: "tiktok"
+}), oe = (o) => p({
+  ...o,
+  ...d.snapchat,
+  provider: "snapchat"
+}), ee = (o) => p({
+  ...o,
+  ...d.reddit,
+  provider: "reddit"
+}), te = (o) => p({
+  ...o,
+  ...d.pinterest,
+  provider: "pinterest"
+}), ne = (o) => p({
+  ...o,
+  ...d.twitch,
+  provider: "twitch"
+}), re = (o) => p({
+  ...o,
+  ...d.steam,
+  provider: "steam"
+}), se = (o) => p({
+  ...o,
+  ...d.epic,
+  provider: "epic"
+}), ae = (o) => p({
+  ...o,
+  ...d.playstation,
+  provider: "playstation"
+}), ie = (o) => p({
+  ...o,
+  ...d.xbox,
+  provider: "xbox"
+}), ce = (o) => p({
+  ...o,
+  ...d.whatsapp,
+  provider: "whatsapp"
+}), ue = (o) => p({
+  ...o,
+  ...d.wechat,
+  provider: "wechat"
+}), me = (o) => p({
+  ...o,
+  ...d.amazon,
+  provider: "amazon"
+}), le = (o) => p({
+  ...o,
+  ...d.yahoo,
+  provider: "yahoo"
+}), de = (o) => p({
+  ...o,
+  ...d.paypal,
+  provider: "paypal"
+});
+function Q({ providers: o }) {
+  return q(
+    vo({
+      providers: o
+    })
+  );
+}
+function bo({
+  mode: o,
+  socialProviders: e,
+  passwordRules: r,
+  showRememberMe: a,
+  showSocialDivider: c,
+  showPasswordStrength: i,
+  labels: t,
+  onSignIn: s,
+  onSignUp: l,
+  onResetPassword: u,
+  onModeChange: w,
+  // onSocialLogin,
+  showContainer: _
+}, ...h) {
+  const k = o != null ? J.deriveProp(o) : U("signin");
+  return k.on((v) => w == null ? void 0 : w(v)), S(x, (v) => {
+    function z() {
+      const b = g(t == null ? void 0 : t.hasAccountLink, v.$.hasAccountLink);
+      return m.button(
+        n.type("button"),
+        n.class("bc-auth-form__link"),
+        T.click(() => k.set("signin")),
+        b
+      );
+    }
+    function C() {
+      return m.button(
+        n.type("button"),
+        n.class("bc-auth-form__link"),
+        T.click(() => k.set("signup")),
+        g(t == null ? void 0 : t.noAccountLink, v.$.noAccountLink)
+      );
+    }
+    function D() {
+      return m.button(
+        n.type("button"),
+        n.class("bc-auth-form__link"),
+        T.click(() => k.set("reset-password")),
+        g(t == null ? void 0 : t.forgotPasswordLink, v.$.forgotPasswordLink)
+      );
+    }
+    return m.div(
+      ho({
+        "bc-auth-container": !0,
+        "bc-auth-container--styled": J.map(_ ?? !0, (b) => b)
+      }),
+      n.class(k.map((b) => `bc-auth-container--${b}`)),
+      n.class("bc-auth-form"),
+      O(k.dispose),
+      io(k, {
+        signin: () => A(
+          m.h2(
+            n.class("bc-auth-form__title"),
+            g(t == null ? void 0 : t.signInTitle, v.$.signInTitle)
+          ),
+          e != null ? A(
+            Q({ providers: e }),
+            L(c ?? !1, oo)
+          ) : null,
+          wo({
+            onSignIn: s,
+            showRememberMe: a,
+            passwordRules: r,
+            labels: {
+              emailLabel: t == null ? void 0 : t.emailLabel,
+              passwordLabel: t == null ? void 0 : t.passwordLabel,
+              rememberMeLabel: t == null ? void 0 : t.rememberMeLabel,
+              signInButton: t == null ? void 0 : t.signInButton,
+              forgotPasswordLink: t == null ? void 0 : t.forgotPasswordLink,
+              noAccountLink: t == null ? void 0 : t.noAccountLink
+            }
+          }),
+          q(
+            n.class("bc-auth-form__footer"),
+            C(),
+            D()
+          )
+        ),
+        signup: () => A(
+          m.h2(
+            n.class("bc-auth-form__title"),
+            g(t == null ? void 0 : t.signUpTitle, v.$.signUpTitle)
+          ),
+          e != null ? A(
+            Q({ providers: e }),
+            L(c ?? !1, oo)
+          ) : null,
+          Lo({
+            labels: {
+              nameLabel: t == null ? void 0 : t.nameLabel,
+              emailLabel: t == null ? void 0 : t.emailLabel,
+              passwordLabel: t == null ? void 0 : t.passwordLabel,
+              confirmPasswordLabel: t == null ? void 0 : t.confirmPasswordLabel,
+              acceptTermsLabel: t == null ? void 0 : t.acceptTermsLabel,
+              signUpButton: t == null ? void 0 : t.signUpButton,
+              hasAccountLink: t == null ? void 0 : t.hasAccountLink
+            },
+            onSignUp: l,
+            passwordRules: r,
+            showPasswordStrength: i
+          }),
+          q(n.class("bc-auth-form__footer"), z())
+        ),
+        "reset-password": () => A(
+          m.h2(
+            n.class("bc-auth-form__title"),
+            g(t == null ? void 0 : t.resetPasswordTitle, v.$.resetPasswordTitle)
+          ),
+          ko({
+            labels: {
+              backToSignInLink: t == null ? void 0 : t.backToSignInLink,
+              emailLabel: t == null ? void 0 : t.emailLabel,
+              resetPasswordButton: t == null ? void 0 : t.resetPasswordButton,
+              resetPasswordDescription: t == null ? void 0 : t.resetPasswordDescription
+            },
+            onResetPassword: u
+          }),
+          q(n.class("bc-auth-form__footer"), z())
+        )
+      }),
+      ...h
+    );
+  });
+}
+function pe(o) {
+  return po(
+    {
+      size: "sm",
+      dismissable: !0,
+      showCloseButton: !0
+    },
+    (e, r) => o(
+      (a) => e({
+        body: bo({ showContainer: !1, ...a }),
+        header: S(
+          x,
+          (c) => g(a.modalTitle, c.$.authenticationTitle)
+        )
+      })
+    )
+  );
+}
+function oo({
+  labels: o,
+  className: e
+} = {}) {
+  return m.div(
+    n.class("bc-auth-divider"),
+    n.class(e),
+    m.div(n.class("bc-auth-divider__line")),
+    S(
+      x,
+      (r) => m.span(
+        n.class("bc-auth-divider__text"),
+        g(o == null ? void 0 : o.text, r.$.orDivider)
+      )
+    ),
+    m.div(n.class("bc-auth-divider__line"))
+  );
+}
+export {
+  me as AmazonLoginButton,
+  Mo as AppleLoginButton,
+  bo as AuthContainer,
+  oo as AuthDivider,
+  pe as AuthModal,
+  Zo as DiscordLoginButton,
+  se as EpicLoginButton,
+  Ho as FacebookLoginButton,
+  Eo as GitHubLoginButton,
+  No as GoogleLoginButton,
+  Ko as InstagramLoginButton,
+  Jo as LinkedInLoginButton,
+  Yo as MicrosoftLoginButton,
+  Ro as PasswordStrengthBar,
+  _o as PasswordStrengthIndicator,
+  Wo as PasswordStrengthText,
+  de as PayPalLoginButton,
+  te as PinterestLoginButton,
+  ae as PlayStationLoginButton,
+  ee as RedditLoginButton,
+  ko as ResetPasswordForm,
+  wo as SignInForm,
+  Lo as SignUpForm,
+  oe as SnapchatLoginButton,
+  p as SocialLoginButton,
+  vo as SocialLoginButtons,
+  Q as SocialProviders,
+  re as SteamLoginButton,
+  Qo as TiktokLoginButton,
+  ne as TwitchLoginButton,
+  Xo as TwitterLoginButton,
+  ue as WeChatLoginButton,
+  ce as WhatsAppLoginButton,
+  jo as XLoginButtin,
+  ie as XboxLoginButton,
+  le as YahooLoginButton,
+  Fo as authSchemas,
+  Z as calculatePasswordStrength,
+  j as createPasswordSchema,
+  X as createSignInSchema,
+  Y as createSignUpSchema,
+  Ao as createSocialLoginUrl,
+  B as defaultPasswordRules,
+  Oo as defaultSignInSchema,
+  Vo as defaultSignUpSchema,
+  F as emailSchema,
+  Co as formatAuthError,
+  go as formatProviderName,
+  Io as formatSocialLoginText,
+  fo as generateRandomString,
+  $o as getProviderColor,
+  Bo as getProviderIcon,
+  Uo as isBrowser,
+  To as isValidEmail,
+  zo as openSocialLoginPopup,
+  M as providerInfo,
+  H as requestToControllerValidation,
+  to as resetPasswordSchema,
+  d as socialProviderInfo,
+  no as useAuthEmailProp,
+  Do as validateEmail,
+  Go as validatePassword
+};