ab-ecosystem-sso 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,136 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/** CSS class overrides for all auth component sub-elements */
+export declare interface AuthClassNames {
+    root?: string;
+    card?: string;
+    cardHeader?: string;
+    cardContent?: string;
+    cardFooter?: string;
+    logo?: string;
+    title?: string;
+    description?: string;
+    input?: string;
+    label?: string;
+    button?: string;
+    link?: string;
+    captcha?: string;
+    legalLinks?: string;
+    error?: string;
+}
+
+export declare interface AuthComponentBaseProps {
+    projectId: string;
+    /** Pre-fetched config — skips internal fetch if provided */
+    config?: AuthConfig;
+    classNames?: AuthClassNames;
+    onSuccess?: (data: {
+        token: string;
+        user: unknown;
+    }) => void;
+    onError?: (error: Error) => void;
+    /** API base URL override */
+    apiBaseUrl?: string;
+}
+
+export declare interface AuthConfig {
+    projectId: string;
+    brandLogoUrl: string | null;
+    cardLayout: CardLayoutConfig;
+    captcha: CaptchaConfig;
+}
+
+declare interface AuthConfigContextValue {
+    config: AuthConfig | null;
+    isLoading: boolean;
+    error: Error | null;
+}
+
+export declare function AuthProvider({ projectId, config: externalConfig, apiBaseUrl, children, }: AuthProviderProps): JSX_2.Element;
+
+declare interface AuthProviderProps {
+    projectId: string;
+    /** Pre-fetched config — skips API call if provided */
+    config?: AuthConfig;
+    apiBaseUrl?: string;
+    children: ReactNode;
+}
+
+export declare interface AuthResponse {
+    token: string;
+    user: unknown;
+    /** If true, the user must complete 2FA before getting a full token */
+    twoFactorRequired?: boolean;
+    /** Temporary token to pass to the 2FA verification endpoint */
+    twoFactorToken?: string;
+}
+
+export declare interface CaptchaConfig {
+    enabled: boolean;
+    provider: "recaptcha" | "hcaptcha";
+    /** reCAPTCHA version — "v2" renders a visible checkbox, "v3" runs invisibly and returns a score */
+    version?: "v2" | "v3";
+    clientId: string;
+}
+
+export declare interface CardLayoutConfig {
+    privacyPolicyEnabled: boolean;
+    privacyPolicyUrl?: string;
+    termsEnabled: boolean;
+    termsUrl?: string;
+    forgotPasswordEnabled: boolean;
+    signupEnabled: boolean;
+}
+
+export declare function ForgotPassword(props: ForgotPasswordProps): JSX_2.Element;
+
+export declare interface ForgotPasswordProps extends AuthComponentBaseProps {
+    onBackToLogin?: () => void;
+}
+
+export declare interface ForgotPasswordRequest {
+    email: string;
+    captchaToken?: string;
+}
+
+export declare function Login(props: LoginProps): JSX_2.Element;
+
+export declare interface LoginProps extends AuthComponentBaseProps {
+    onForgotPassword?: () => void;
+    onSignupClick?: () => void;
+}
+
+export declare interface LoginRequest {
+    email: string;
+    password: string;
+    captchaToken?: string;
+}
+
+export declare function Signup(props: SignupProps): JSX_2.Element;
+
+export declare interface SignupProps extends AuthComponentBaseProps {
+    onLoginClick?: () => void;
+}
+
+export declare interface SignupRequest {
+    firstName: string;
+    lastName: string;
+    email: string;
+    password: string;
+    phoneNumber?: string;
+    country?: string;
+    currency?: string;
+    captchaToken?: string;
+}
+
+export declare function useAuthConfig(): AuthConfigContextValue;
+
+export declare interface VerifyTwoFactorRequest {
+    email: string;
+    code: string;
+    /** Temporary token returned by login when 2FA is required */
+    twoFactorToken: string;
+}
+
+export { }

package/dist/style.css

@@ -0,0 +1 @@
+:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "ab-ecosystem-sso",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/ab-ecosystem-sso.cjs",
+  "module": "dist/ab-ecosystem-sso.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/ab-ecosystem-sso.js",
+      "require": "./dist/ab-ecosystem-sso.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build:lib": "vite build --config vite.config.lib.ts",
+    "build:remote": "vite build --config vite.config.federation.ts",
+    "build": "npm run build:lib && npm run build:remote",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "prepublishOnly": "npm run build:lib"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "react-phone-number-input": "^3.4.16",
+    "tailwind-merge": "^2.6.0"
+  },
+  "devDependencies": {
+    "@module-federation/vite": "^1.1.0",
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.0.0"
+  }
+}