@a-tech.jo/auth-sdk 1.0.0

package/dist/index.mjs

@@ -0,0 +1,731 @@
+// src/config.ts
+var DEFAULT_ENVIRONMENT_URLS = {
+  production: "https://auth.atech-workspace.com",
+  stage: "https://stage.auth.atech-workspace.com",
+  local: "http://localhost:3000"
+};
+var DEFAULT_ENDPOINTS = {
+  login: "/api/auth/login",
+  register: "/api/auth/signup",
+  forgotPassword: "/api/auth/forgot-password",
+  resetPassword: "/api/auth/reset-password",
+  refreshToken: "/api/auth/refresh-token",
+  me: "/api/auth/me"
+};
+var DEFAULT_STORAGE_KEYS = {
+  accessToken: "atech_access_token",
+  refreshToken: "atech_refresh_token"
+};
+var DEFAULT_THEME = {
+  primary: "#7c3aed",
+  // Purple
+  navy: "#0f172a",
+  // Dark Slate/Navy
+  pink: "#ec4899",
+  // Pink Accent
+  bg: "#ffffff"
+  // White Card
+};
+var DEFAULT_SDK_CONFIG = {
+  environment: "production",
+  environmentUrls: DEFAULT_ENVIRONMENT_URLS,
+  endpoints: DEFAULT_ENDPOINTS,
+  storageKeys: DEFAULT_STORAGE_KEYS,
+  theme: DEFAULT_THEME,
+  brand: {
+    logoUrl: "/images/logo.png",
+    companyName: "A-Tech"
+  }
+};
+function getSDKConfig(options = {}) {
+  const environment = options.environment || DEFAULT_SDK_CONFIG.environment;
+  const baseUrl = (options.customBaseUrl || options.environmentUrls?.[environment] || DEFAULT_ENVIRONMENT_URLS[environment]).replace(/\/$/, "");
+  return {
+    environment,
+    baseUrl,
+    endpoints: {
+      ...DEFAULT_ENDPOINTS,
+      ...options.endpoints
+    },
+    storageKeys: {
+      ...DEFAULT_STORAGE_KEYS,
+      ...options.storageKeys
+    },
+    theme: {
+      ...DEFAULT_THEME,
+      ...options.theme
+    },
+    brand: {
+      ...DEFAULT_SDK_CONFIG.brand,
+      ...options.brand
+    },
+    onSuccess: options.onSuccess,
+    onError: options.onError
+  };
+}
+
+// src/client.ts
+var AuthClient = class {
+  constructor(options = {}) {
+    this.config = getSDKConfig(options);
+  }
+  async request(endpoint, data) {
+    const url = `${this.config.baseUrl}${endpoint}`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(data)
+    });
+    const result = await response.json();
+    if (!response.ok) {
+      throw new Error(result.error || result.message || "Authentication request failed");
+    }
+    return result;
+  }
+  async login(payload) {
+    return this.request(this.config.endpoints.login, payload);
+  }
+  async register(payload) {
+    return this.request(this.config.endpoints.register, payload);
+  }
+  async forgotPassword(payload) {
+    return this.request(this.config.endpoints.forgotPassword, payload);
+  }
+  async resetPassword(payload) {
+    return this.request(this.config.endpoints.resetPassword, payload);
+  }
+};
+
+// src/AuthContext.tsx
+import { createContext, useContext, useState, useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var AuthContext = createContext(null);
+function isTokenExpired(token) {
+  if (!token) return true;
+  try {
+    const base64Url = token.split(".")[1];
+    if (!base64Url) return true;
+    const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+    const jsonPayload = decodeURIComponent(
+      window.atob(base64).split("").map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join("")
+    );
+    const { exp } = JSON.parse(jsonPayload);
+    if (!exp) return false;
+    return Date.now() >= exp * 1e3;
+  } catch {
+    return true;
+  }
+}
+var AuthProvider = ({ config = {}, children }) => {
+  const [client] = useState(() => new AuthClient(config));
+  const [token, setToken] = useState(null);
+  const [user, setUser] = useState(null);
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const savedToken = localStorage.getItem("auth_token");
+      if (savedToken) setToken(savedToken);
+    }
+  }, []);
+  const saveSession = (res) => {
+    if (res.token) {
+      setToken(res.token);
+      if (typeof window !== "undefined") {
+        localStorage.setItem("auth_token", res.token);
+        if (res.refreshToken) {
+          localStorage.setItem("auth_refresh_token", res.refreshToken);
+        }
+      }
+    }
+    if (res.user) setUser(res.user);
+    if (config.onSuccess) config.onSuccess(res);
+  };
+  const login = async (payload) => {
+    try {
+      const res = await client.login(payload);
+      saveSession(res);
+      return res;
+    } catch (err) {
+      if (config.onError) config.onError(err);
+      throw err;
+    }
+  };
+  const register = async (payload) => {
+    try {
+      const res = await client.register(payload);
+      saveSession(res);
+      return res;
+    } catch (err) {
+      if (config.onError) config.onError(err);
+      throw err;
+    }
+  };
+  const logout = () => {
+    setToken(null);
+    setUser(null);
+    if (typeof window !== "undefined") {
+      localStorage.removeItem("auth_token");
+      localStorage.removeItem("auth_refresh_token");
+    }
+  };
+  const isExpired = useMemo(() => isTokenExpired(token), [token]);
+  return /* @__PURE__ */ jsx(
+    AuthContext.Provider,
+    {
+      value: {
+        client,
+        token,
+        user,
+        login,
+        register,
+        logout,
+        isAuthenticated: !!token && !isExpired,
+        isExpired
+      },
+      children
+    }
+  );
+};
+var useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within an <AuthProvider />");
+  }
+  return context;
+};
+
+// src/components/AuthContainer.tsx
+import { useState as useState5 } from "react";
+
+// src/components/LoginForm.tsx
+import { useState as useState2 } from "react";
+
+// src/assets/images/logo.png
+var logo_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAswAAADuCAMAAAAa9KE8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwBQTFRFbgnMaArEIRBhHhFd6NH7cgnSqYbS6+H2dAnUZAq+KBBrFRFRagrGeAjaXgu2RA2R8eD+pIbMYUuV3NHrYwq8jgb4fgjiOQ6CTwyhiAfwbQnKjQf2VAyohAfqu4TrGBFVmIe7WAuufQjg9fD6Og6EYAu5egjcWguwdwnYcAnPJhBoiXiwSg2bcDqySA2YigfzUAyiUgymUi6R3cL1Pg6KEhJNhgfuXAu0ZUubDRJFJBBmonbTvKTbZwrCw6TllC7pZgrBLw90gwfp1cLqrkT/Qg2PgAjlChJBtYXjRg2VYQu6GhFYXEyOMA92kAb7dgnXcQnQdynGQA2NTAydkAb6yMTYgQjmhUjGwYP0Kg9uNg5+48H+TAyc2rL7VwusoCn8w7TaLA9xXAuy1qL+bArJy7PlfUm70sLmMg95hgfsgDjJxYP5p5bGEBJKnIfBPQ6IqWXlVgyqPA6HyYP/mGfOiwf0l3fEmBb8HBFaypP3umP8tZTaRw2WQg2OfWmoWxuohVi9LQ9ynmbWMg94IhBkDhJInEbmZBq1AxM45eHuUgykVgurBhM8a1uapUXysIXcKSBkSwyc8vD3BBM62MLvz8PhraXFplXri1fGNw6AvoTwhhfku5TioYbH////oUbtFBFPc0quakqhPB5+cxnJvHT1nZe5CBM/zaLytKXPjoiumlbajEfQkwb/SB2OubXNSDWBvbTTbBnAUxyexJPvfBjVjgb3tVT/e1mvrpXQimi6Sx2S0LLtqEX3YiqpkVfOPx6CMx9xawrIYgq7UQykewjecgnRfAjfQQ2OWwuydQnWaArDSA2XWAutZQq/jAf1Lg9zhQfsMQ94QA6Mkgb+Pg6JggjnFxFTTgyfbwnNVQypeAjZggjojwb5fwjjXQu1kgb9bQnLKw9vRQ2TXwu3NA97iQfxhwfveQjbUwynaQrFYwq9NQ59fQjhkwb+CxJDPw6LcwnTIBBfWQuvSQ2ZwnP/0JL/9/D+uITobArKXDuXr1X3LSBogRfdqXXdAAAAHWn4xgAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAACUvSURBVHja7J17eFTVucajYGKxIpBSULHgSQALUuUiWKAECCAS0EbkIEQuFrkYEImhJAKHICIMRYxGQFEYwVuBQ61FLUKFtqK2gFDEokBVqtwsUovFGuX0ON0zmcu+rPV939p77T179t6f9I8+j848w/z4ePOutd83KxJMJDJo0PbofOc7n376LWX2KNNbmR8ps+ucc845efLkt5V5TZnbb7/9kksu+eijLGUOHjz4fWV+rMybb5533ufKnH/++TuVuVGZK6644i9/ufDCT5Rpo8wbyvxBmf/6+9+/q8yHygwYMOC/lXn33fff79u372XKvK1MV2VOnDhxsTLHlbnqqqt+qsyflLn00kt/3bRp0w+UufmG6Pz1r3/+859/EUxisvzO8dGjrZUZlMD50yTOveM479oVo1mPc5xmPc7ngzjHaE7hPCCFc18tzidSOF+Vwlmh+dKmdTjX0RzD+bOA4gDmSKShMkePGnA2LGctzrrlnMD5TQXnz7U4x2lO4Kxazn9PLecBqeWcwPmOFM7HUzj/KYWzejkHOAcwR7odVkaF8yBca5xka42DRq1xvnY5X0jVGn0pWoOBcwCyn2He0U0ZLc0srbEH1hofOaU1dDgHWiOAOYWyMj+poxnCGdYatzO0xo+NWkOH8xtanD9U48zTGmzpHGiNAOZIpK0yfJz5WmOXnVpjgFFriErnAGbfoXxGmQTO3bQ4t8alsyyt8YZWawQ2XQCz+OzefbmaZoLW+BZfa7xmVmsENl0As/UZPVqhmYDzdvM23Y+NNt2NDtp0Acw+mbLFo0cbce5mxHmQG44EA5sugJk/h8rKFutxTixn6zZdVhpsukBr+BXmQ4cUmtnL2Rabjn0kKNGmC44EfQtzixaHYjgvFsDZzTZdoDX8C/Pf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";
+
+// src/components/LoginForm.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SDKLoginForm = ({
+  onSuccess,
+  onForgotPasswordClick,
+  onRegisterClick,
+  className = ""
+}) => {
+  const { login, client } = useAuth();
+  const [email, setEmail] = useState2("");
+  const [password, setPassword] = useState2("");
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const colors = client?.config?.theme || {
+    primary: "#7c3aed",
+    navy: "#0f172a",
+    pink: "#ec4899",
+    bg: "#ffffff"
+  };
+  const dynamicThemeVars = {
+    "--atech-primary": colors.primary,
+    "--atech-navy": colors.navy,
+    "--atech-pink": colors.pink,
+    "--atech-bg": colors.bg
+  };
+  const logoSrc = client?.config?.brand?.logoUrl || logo_default;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError(null);
+    try {
+      await login({ email, password });
+      if (onSuccess) onSuccess();
+    } catch (err) {
+      setError(err.message || "Invalid credentials provided.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `atech-card ${className}`, style: dynamicThemeVars, children: [
+    /* @__PURE__ */ jsx2("div", { className: "atech-header", children: /* @__PURE__ */ jsx2(
+      "img",
+      {
+        src: logoSrc,
+        alt: client?.config?.brand?.companyName || "Logo",
+        className: "atech-logo"
+      }
+    ) }),
+    /* @__PURE__ */ jsx2("h1", { className: "atech-title", children: "Sign In" }),
+    error && /* @__PURE__ */ jsx2("div", { className: "atech-error", children: error }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "atech-form", children: [
+      /* @__PURE__ */ jsxs("div", { className: "atech-field", children: [
+        /* @__PURE__ */ jsx2("label", { className: "atech-label", children: "Email Address" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "email",
+            required: true,
+            placeholder: "john@example.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            className: "atech-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "atech-field", children: [
+        /* @__PURE__ */ jsx2("label", { className: "atech-label", children: "Password" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "password",
+            required: true,
+            placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            className: "atech-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2("button", { type: "submit", disabled: loading, className: "atech-button", children: loading ? "Signing in..." : "Sign In" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "atech-footer", children: [
+      onForgotPasswordClick ? /* @__PURE__ */ jsx2("button", { type: "button", onClick: onForgotPasswordClick, className: "atech-link", children: "Forgot Password?" }) : /* @__PURE__ */ jsx2("span", {}),
+      onRegisterClick && /* @__PURE__ */ jsx2("button", { type: "button", onClick: onRegisterClick, className: "atech-link", children: "Create Account" })
+    ] })
+  ] });
+};
+
+// src/components/RegisterForm.tsx
+import { useEffect as useEffect2, useState as useState3, useRef } from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var SDKRegisterForm = ({
+  onSuccess,
+  onLoginClick,
+  className = ""
+}) => {
+  const { register, client } = useAuth();
+  const [firstName, setFirstName] = useState3("");
+  const [lastName, setLastName] = useState3("");
+  const [email, setEmail] = useState3("");
+  const [phoneNumber, setPhoneNumber] = useState3("");
+  const [password, setPassword] = useState3("");
+  const [loading, setLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [countries, setCountries] = useState3([]);
+  const [selectedCountry, setSelectedCountry] = useState3({
+    id: 0,
+    name: "United States",
+    phoneCode: "+1",
+    nameIso2: "US"
+  });
+  const [isDropdownOpen, setIsDropdownOpen] = useState3(false);
+  const [searchQuery, setSearchQuery] = useState3("");
+  const dropdownRef = useRef(null);
+  const colors = client?.config?.theme || {
+    primary: "#7c3aed",
+    navy: "#0f172a",
+    pink: "#ec4899",
+    bg: "#ffffff"
+  };
+  const dynamicThemeVars = {
+    "--atech-primary": colors.primary,
+    "--atech-navy": colors.navy,
+    "--atech-pink": colors.pink,
+    "--atech-bg": colors.bg
+  };
+  const logoSrc = client?.config?.brand?.logoUrl || logo_default;
+  useEffect2(() => {
+    if (client && typeof client.searchCountries === "function") {
+      client.searchCountries("").then((res) => {
+        if (res?.data && Array.isArray(res.data) && res.data.length > 0) {
+          setCountries(res.data);
+          const defaultC = res.data.find((c) => c.phoneCode);
+          if (defaultC) setSelectedCountry(defaultC);
+        }
+      }).catch(() => fallbackCountries());
+    } else {
+      fallbackCountries();
+    }
+  }, [client]);
+  const fallbackCountries = () => {
+    setCountries([
+      { id: 1, name: "United States", phoneCode: "+1", nameIso2: "US" },
+      { id: 2, name: "Jordan", phoneCode: "+962", nameIso2: "JO" },
+      { id: 3, name: "United Kingdom", phoneCode: "+44", nameIso2: "GB" },
+      { id: 4, name: "Germany", phoneCode: "+49", nameIso2: "DE" },
+      { id: 5, name: "Canada", phoneCode: "+1", nameIso2: "CA" }
+    ]);
+  };
+  useEffect2(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const getFlagEmoji = (isoCode) => {
+    if (!isoCode || isoCode.length !== 2) return "\u{1F310}";
+    const codePoints = isoCode.toUpperCase().split("").map((char) => 127397 + char.charCodeAt(0));
+    return String.fromCodePoint(...codePoints);
+  };
+  const filteredCountries = countries.filter((c) => {
+    const q = searchQuery.toLowerCase();
+    return c.name.toLowerCase().includes(q) || c.nameIso2 && c.nameIso2.toLowerCase().includes(q) || c.phoneCode && c.phoneCode.includes(q);
+  });
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError(null);
+    try {
+      const code = selectedCountry.phoneCode ? selectedCountry.phoneCode.startsWith("+") ? selectedCountry.phoneCode : `+${selectedCountry.phoneCode}` : "+1";
+      const rawPhone = phoneNumber ? phoneNumber.trim().replace(/^\+/, "") : "";
+      const formattedPhoneNumber = rawPhone ? `${code} ${rawPhone}` : "";
+      const payload = {
+        firstName,
+        lastName,
+        email,
+        phoneNumber: formattedPhoneNumber,
+        password
+      };
+      await register(payload);
+      if (onSuccess) onSuccess();
+    } catch (err) {
+      setError(err.message || "Registration failed. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: `atech-card ${className}`, style: dynamicThemeVars, children: [
+    /* @__PURE__ */ jsx3("div", { className: "atech-header", children: /* @__PURE__ */ jsx3(
+      "img",
+      {
+        src: logoSrc,
+        alt: client?.config?.brand?.companyName || "Logo",
+        className: "atech-logo"
+      }
+    ) }),
+    /* @__PURE__ */ jsx3("h1", { className: "atech-title", children: "Create Account" }),
+    error && /* @__PURE__ */ jsx3("div", { className: "atech-error", children: error }),
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "atech-form", children: [
+      /* @__PURE__ */ jsxs2("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ jsxs2("div", { className: "atech-field", children: [
+          /* @__PURE__ */ jsx3("label", { className: "atech-label", children: "First Name" }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "text",
+              required: true,
+              placeholder: "John",
+              value: firstName,
+              onChange: (e) => setFirstName(e.target.value),
+              className: "atech-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "atech-field", children: [
+          /* @__PURE__ */ jsx3("label", { className: "atech-label", children: "Last Name" }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "text",
+              required: true,
+              placeholder: "Doe",
+              value: lastName,
+              onChange: (e) => setLastName(e.target.value),
+              className: "atech-input"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "atech-field", children: [
+        /* @__PURE__ */ jsx3("label", { className: "atech-label", children: "Email Address" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "email",
+            required: true,
+            placeholder: "john@example.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            className: "atech-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "atech-field", children: [
+        /* @__PURE__ */ jsx3("label", { className: "atech-label", children: "Phone Number" }),
+        /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "0.5rem", position: "relative" }, ref: dropdownRef, children: [
+          /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              type: "button",
+              onClick: () => setIsDropdownOpen(!isDropdownOpen),
+              className: "atech-country-trigger",
+              children: [
+                /* @__PURE__ */ jsx3("span", { children: getFlagEmoji(selectedCountry.nameIso2) }),
+                /* @__PURE__ */ jsx3("span", { style: { fontWeight: 600 }, children: selectedCountry.phoneCode ? selectedCountry.phoneCode.startsWith("+") ? selectedCountry.phoneCode : `+${selectedCountry.phoneCode}` : "+1" }),
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: "0.75rem", opacity: 0.6 }, children: "\u25BC" })
+              ]
+            }
+          ),
+          isDropdownOpen && /* @__PURE__ */ jsxs2("div", { className: "atech-country-popover", children: [
+            /* @__PURE__ */ jsx3(
+              "input",
+              {
+                type: "text",
+                autoFocus: true,
+                placeholder: "Search country or code...",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                className: "atech-input",
+                style: { padding: "0.375rem 0.5rem", fontSize: "0.75rem", marginBottom: "0.5rem" }
+              }
+            ),
+            /* @__PURE__ */ jsx3("div", { className: "atech-country-list", children: filteredCountries.length > 0 ? filteredCountries.map((c) => {
+              const code = c.phoneCode ? c.phoneCode.startsWith("+") ? c.phoneCode : `+${c.phoneCode}` : "+1";
+              return /* @__PURE__ */ jsxs2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setSelectedCountry(c);
+                    setIsDropdownOpen(false);
+                    setSearchQuery("");
+                  },
+                  className: "atech-country-option",
+                  children: [
+                    /* @__PURE__ */ jsxs2("span", { style: { display: "flex", alignItems: "center", gap: "0.5rem", overflow: "hidden" }, children: [
+                      /* @__PURE__ */ jsx3("span", { children: getFlagEmoji(c.nameIso2) }),
+                      /* @__PURE__ */ jsx3("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: c.name })
+                    ] }),
+                    /* @__PURE__ */ jsx3("span", { style: { fontFamily: "monospace", color: "#64748b", fontWeight: 600 }, children: code })
+                  ]
+                },
+                c.id
+              );
+            }) : /* @__PURE__ */ jsx3("div", { style: { padding: "0.5rem", fontSize: "0.75rem", color: "#94a3b8", textAlign: "center" }, children: "No countries found" }) })
+          ] }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "tel",
+              placeholder: "(555) 000-0000",
+              value: phoneNumber,
+              onChange: (e) => setPhoneNumber(e.target.value),
+              className: "atech-input",
+              style: { flex: 1 }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "atech-field", children: [
+        /* @__PURE__ */ jsx3("label", { className: "atech-label", children: "Password" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "password",
+            required: true,
+            placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            className: "atech-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx3("button", { type: "submit", disabled: loading, className: "atech-button", children: loading ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsxs2(
+          "svg",
+          {
+            className: "atech-spinner",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsx3(
+                "circle",
+                {
+                  style: { opacity: 0.25 },
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                "path",
+                {
+                  style: { opacity: 0.75 },
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3("span", { children: "Creating Account..." })
+      ] }) : "Register" })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "atech-footer", style: { justifyContent: "center" }, children: onLoginClick && /* @__PURE__ */ jsx3("button", { type: "button", onClick: onLoginClick, className: "atech-link", children: "Already have an account? Sign In" }) })
+  ] });
+};
+
+// src/components/ForgotPasswordForm.tsx
+import { useState as useState4 } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var SDKForgotPasswordForm = ({
+  onSuccess,
+  onLoginClick,
+  className = ""
+}) => {
+  const { client } = useAuth();
+  const [email, setEmail] = useState4("");
+  const [loading, setLoading] = useState4(false);
+  const [submitted, setSubmitted] = useState4(false);
+  const [error, setError] = useState4(null);
+  const colors = client?.config?.theme || {
+    primary: "#7c3aed",
+    navy: "#0f172a",
+    pink: "#ec4899",
+    bg: "#ffffff"
+  };
+  const dynamicThemeVars = {
+    "--atech-primary": colors.primary,
+    "--atech-navy": colors.navy,
+    "--atech-pink": colors.pink,
+    "--atech-bg": colors.bg
+  };
+  const logoSrc = client?.config?.brand?.logoUrl || logo_default;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError(null);
+    try {
+      await client.forgotPassword({ email });
+      setSubmitted(true);
+      if (onSuccess) onSuccess();
+    } catch (err) {
+      setError(err.message || "Failed to send reset email. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: `atech-card ${className}`, style: dynamicThemeVars, children: [
+    /* @__PURE__ */ jsx4("div", { className: "atech-header", children: /* @__PURE__ */ jsx4(
+      "img",
+      {
+        src: logoSrc,
+        alt: client?.config?.brand?.companyName || "Logo",
+        className: "atech-logo"
+      }
+    ) }),
+    /* @__PURE__ */ jsx4("h1", { className: "atech-title", children: "Reset Password" }),
+    submitted ? /* @__PURE__ */ jsxs3("div", { style: { textAlign: "center" }, children: [
+      /* @__PURE__ */ jsxs3("p", { style: { fontSize: "0.875rem", color: "#334155", marginBottom: "1.5rem" }, children: [
+        "If an account exists for ",
+        /* @__PURE__ */ jsx4("strong", { children: email }),
+        ", a password reset link has been sent."
+      ] }),
+      onLoginClick && /* @__PURE__ */ jsx4("button", { type: "button", onClick: onLoginClick, className: "atech-button", children: "Return to Sign In" })
+    ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      error && /* @__PURE__ */ jsx4("div", { className: "atech-error", children: error }),
+      /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "atech-form", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "atech-field", children: [
+          /* @__PURE__ */ jsx4("label", { className: "atech-label", children: "Email Address" }),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "email",
+              required: true,
+              placeholder: "john@example.com",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              className: "atech-input"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx4("button", { type: "submit", disabled: loading, className: "atech-button", children: loading ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          /* @__PURE__ */ jsxs3(
+            "svg",
+            {
+              className: "atech-spinner",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: [
+                /* @__PURE__ */ jsx4(
+                  "circle",
+                  {
+                    style: { opacity: 0.25 },
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsx4(
+                  "path",
+                  {
+                    style: { opacity: 0.75 },
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx4("span", { children: "Sending Reset Link..." })
+        ] }) : "Send Reset Link" })
+      ] }),
+      /* @__PURE__ */ jsx4("div", { className: "atech-footer", style: { justifyContent: "center" }, children: onLoginClick && /* @__PURE__ */ jsx4("button", { type: "button", onClick: onLoginClick, className: "atech-link", children: "Back to Sign In" }) })
+    ] })
+  ] });
+};
+
+// src/components/AuthContainer.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var SDKAuthContainer = ({
+  initialMode = "login",
+  onSuccess,
+  className = "",
+  ssoMessage = "A-Tech Single Sign-On"
+}) => {
+  const [mode, setMode] = useState5(initialMode);
+  return /* @__PURE__ */ jsxs4("div", { className: `atech-auth-wrapper ${className}`, children: [
+    /* @__PURE__ */ jsxs4("div", { className: "atech-sso-badge", children: [
+      /* @__PURE__ */ jsx5("span", { className: "atech-sso-pulse" }),
+      /* @__PURE__ */ jsx5("span", { className: "atech-sso-text", children: ssoMessage })
+    ] }),
+    mode === "login" && /* @__PURE__ */ jsx5(
+      SDKLoginForm,
+      {
+        onSuccess,
+        onRegisterClick: () => setMode("register"),
+        onForgotPasswordClick: () => setMode("forgot-password")
+      }
+    ),
+    mode === "register" && /* @__PURE__ */ jsx5(
+      SDKRegisterForm,
+      {
+        onSuccess,
+        onLoginClick: () => setMode("login")
+      }
+    ),
+    mode === "forgot-password" && /* @__PURE__ */ jsx5(
+      SDKForgotPasswordForm,
+      {
+        onSuccess,
+        onLoginClick: () => setMode("login")
+      }
+    )
+  ] });
+};
+export {
+  AuthClient,
+  AuthProvider,
+  DEFAULT_ENDPOINTS,
+  DEFAULT_ENVIRONMENT_URLS,
+  DEFAULT_SDK_CONFIG,
+  DEFAULT_STORAGE_KEYS,
+  DEFAULT_THEME,
+  SDKAuthContainer,
+  getSDKConfig,
+  useAuth
+};