@a-tech.jo/auth-sdk 1.0.0

package/dist/styles.css

@@ -0,0 +1,246 @@
+/* src/styles.css */
+:root {
+  --atech-primary: #7c3aed;
+  --atech-navy: #0f172a;
+  --atech-pink: #ec4899;
+  --atech-bg: #ffffff;
+}
+.atech-card {
+  width: 100%;
+  max-width: 28rem;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 2rem;
+  border-radius: 1rem;
+  background-color: var(--atech-bg);
+  border: 1px solid #f1f5f9;
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
+  box-sizing: border-box;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    sans-serif;
+}
+.atech-header {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 1rem;
+}
+.atech-logo {
+  height: 3rem;
+  width: auto;
+  object-fit: contain;
+}
+.atech-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  text-align: center;
+  margin-bottom: 1.5rem;
+  margin-top: 0;
+  letter-spacing: -0.025em;
+  color: var(--atech-navy);
+}
+.atech-error {
+  margin-bottom: 1rem;
+  padding: 0.75rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: #b91c1c;
+  background-color: #fef2f2;
+  border: 1px solid #fee2e2;
+  border-radius: 0.75rem;
+}
+.atech-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+.atech-field {
+  display: flex;
+  flex-direction: column;
+}
+.atech-label {
+  display: block;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: #334155;
+  margin-bottom: 0.375rem;
+}
+.atech-input {
+  width: 100%;
+  padding: 0.625rem 0.875rem;
+  font-size: 0.875rem;
+  background-color: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  font-weight: 400;
+  color: #0f172a;
+  box-sizing: border-box;
+  outline: none;
+  transition: all 0.2s ease;
+}
+.atech-input::placeholder {
+  color: #94a3b8;
+}
+.atech-input:hover {
+  border-color: #cbd5e1;
+}
+.atech-input:focus {
+  background-color: #ffffff;
+  border-color: var(--atech-primary);
+  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
+}
+.atech-button {
+  width: 100%;
+  padding: 0.625rem 1rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: #ffffff;
+  background-color: var(--atech-primary);
+  border: none;
+  border-radius: 0.75rem;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  transition: opacity 0.2s ease;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+.atech-button:hover:not(:disabled) {
+  opacity: 0.9;
+}
+.atech-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.atech-footer {
+  margin-top: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.atech-link {
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  color: var(--atech-pink);
+  transition: text-decoration 0.2s ease;
+}
+.atech-link:hover {
+  text-decoration: underline;
+}
+.atech-spinner {
+  animation: atech-spin 1s linear infinite;
+  height: 1rem;
+  width: 1rem;
+}
+@keyframes atech-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.atech-auth-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+.atech-sso-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+  padding: 0.375rem 0.875rem;
+  background-color: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 9999px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--atech-navy, #0f172a);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.atech-sso-pulse {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 9999px;
+  background-color: var(--atech-primary, #7c3aed);
+  box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.4);
+  animation: atech-pulse 2s infinite;
+}
+@keyframes atech-pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.4);
+  }
+  70% {
+    box-shadow: 0 0 0 6px rgba(124, 58, 237, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(124, 58, 237, 0);
+  }
+}
+.atech-country-trigger {
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  background-color: #f8fafc;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.375rem;
+  color: var(--atech-navy, #0f172a);
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  white-space: nowrap;
+}
+.atech-country-trigger:hover {
+  background-color: #f1f5f9;
+}
+.atech-country-popover {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  margin-top: 0.25rem;
+  width: 280px;
+  background-color: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.5rem;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  padding: 0.5rem;
+  z-index: 50;
+}
+.atech-country-list {
+  max-height: 180px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+.atech-country-option {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.375rem 0.5rem;
+  font-size: 0.75rem;
+  color: #334155;
+  background: transparent;
+  border: none;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.atech-country-option:hover {
+  background-color: #f1f5f9;
+  color: var(--atech-primary, #7c3aed);
+}

package/dist/types.d.ts

@@ -0,0 +1,102 @@
+export type AuthEnvironment = "production" | "stage" | "local";
+export interface EndpointConfig {
+    login: string;
+    register: string;
+    forgotPassword: string;
+    resetPassword: string;
+    refreshToken: string;
+    me: string;
+}
+export interface StorageKeys {
+    accessToken: string;
+    refreshToken: string;
+}
+export interface BrandConfig {
+    logoUrl?: string;
+    companyName?: string;
+}
+export interface SDKOptions {
+    /**
+     * Target environment preset
+     * @default 'production'
+     */
+    environment?: AuthEnvironment;
+    /**
+     * Custom Base URL override. If provided, takes top precedence over environment defaults.
+     */
+    customBaseUrl?: string;
+    /**
+     * Override specific environment base URLs
+     */
+    environmentUrls?: Partial<Record<AuthEnvironment, string>>;
+    /**
+     * Customizable API endpoint routes
+     */
+    endpoints?: Partial<EndpointConfig>;
+    /**
+     * Custom localStorage key names for JWT tokens
+     */
+    storageKeys?: Partial<StorageKeys>;
+    /**
+     * Brand assets and company details for UI components
+     */
+    brand?: BrandConfig;
+    /**
+     * Global callbacks
+     */
+    onSuccess?: (data: any) => void;
+    onError?: (error: Error) => void;
+}
+export type AuthConfig = SDKOptions;
+export interface LoginPayload {
+    email?: string;
+    password?: string;
+}
+export interface RegisterPayload {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    phoneNumber?: string;
+    password?: string;
+}
+export interface ForgotPasswordPayload {
+    email: string;
+}
+export interface ResetPasswordPayload {
+    email: string;
+    resetCode: string;
+    newPassword?: string;
+}
+export interface AuthResponse {
+    success: boolean;
+    token?: string;
+    refreshToken?: string;
+    user?: any;
+    message?: string;
+    error?: string;
+}
+export interface ThemeConfig {
+    /** Primary button and focus highlight color */
+    primary?: string;
+    /** Text and heading color */
+    navy?: string;
+    /** Accent link color */
+    pink?: string;
+    /** Form card background color */
+    bg?: string;
+}
+export interface SDKOptions {
+    environment?: AuthEnvironment;
+    customBaseUrl?: string;
+    environmentUrls?: Partial<Record<AuthEnvironment, string>>;
+    endpoints?: Partial<EndpointConfig>;
+    storageKeys?: Partial<StorageKeys>;
+    brand?: BrandConfig;
+    /**
+     * Define default theme colors for all SDK UI components
+     */
+    theme?: ThemeConfig;
+    onSuccess?: (data: any) => void;
+    onError?: (error: Error) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;AAGpC,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IACxB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpC"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@a-tech.jo/auth-sdk",
+  "version": "1.0.0",
+  "description": "A-Tech Authentication SDK for React and Next.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/styles.css",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./dist/styles.css": "./dist/styles.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "tsup && tsc --emitDeclarationOnly",
+    "dev": "tsup --watch",
+    "example": "npm run dev --workspace=example",
+    "pack": "npm pack",
+    "clean": "rm -rf dist node_modules/.cache *.tgz example/.next",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.0.0"
+  }
+}