@meindesk/auth-config 0.1.0

package/dist/index.js

@@ -0,0 +1,595 @@
+import { z } from 'zod';
+
+// src/schema.ts
+var EXPERIENCE_IDS = [
+  "signIn",
+  "signUp",
+  "forgotPassword",
+  "resetPassword",
+  "magicLink",
+  "emailVerification",
+  "mfa",
+  "organizationSelection",
+  "organizationCreation"
+];
+var PROVIDER_IDS = [
+  "google",
+  "github",
+  "discord",
+  "apple",
+  "facebook",
+  "microsoft"
+];
+var PROFILE_FIELD_IDS = [
+  "email",
+  "password",
+  "firstName",
+  "lastName",
+  "username",
+  "phoneNumber"
+];
+var RADIUS_OPTIONS = ["small", "medium", "large"];
+var CARD_STYLES = ["flat", "bordered", "elevated"];
+var LAYOUT_OPTIONS = ["centered", "minimal"];
+var PROVIDER_POSITIONS = ["before", "after"];
+var LOGO_ALIGNMENTS = ["left", "center", "right"];
+var profileFieldSchema = z.object({
+  id: z.enum(PROFILE_FIELD_IDS),
+  enabled: z.boolean().default(true),
+  required: z.boolean().default(true),
+  showLabel: z.boolean().default(true),
+  label: z.string().default(""),
+  placeholder: z.string().optional(),
+  showPasswordToggle: z.boolean().optional()
+});
+var experienceCopySchema = z.object({
+  title: z.string().default(""),
+  subtitle: z.string().default(""),
+  buttonText: z.string().default("Continue"),
+  loadingText: z.string().default("Please wait\u2026"),
+  showSignUpLink: z.boolean().optional(),
+  signUpLinkText: z.string().optional(),
+  showSignInLink: z.boolean().optional(),
+  signInLinkText: z.string().optional(),
+  forgotPasswordEnabled: z.boolean().optional(),
+  forgotPasswordText: z.string().optional(),
+  dividerEnabled: z.boolean().optional(),
+  dividerText: z.string().optional(),
+  fields: z.array(profileFieldSchema).optional()
+});
+var providerConfigSchema = z.object({
+  id: z.enum(PROVIDER_IDS),
+  enabled: z.boolean().default(false),
+  buttonLabel: z.string().optional(),
+  position: z.enum(PROVIDER_POSITIONS).default("before")
+});
+var methodsSchema = z.object({
+  emailPassword: z.boolean().default(true),
+  magicLink: z.boolean().default(false),
+  passkeys: z.boolean().default(false),
+  phone: z.boolean().default(false)
+});
+var appearanceSchema = z.object({
+  primaryColor: z.string().default("#0f172a"),
+  backgroundColor: z.string().default("#ffffff"),
+  foregroundColor: z.string().default("#0f172a"),
+  mutedColor: z.string().default("#64748b"),
+  borderColor: z.string().default("#e2e8f0"),
+  surfaceColor: z.string().default("#f8fafc"),
+  radius: z.enum(RADIUS_OPTIONS).default("medium"),
+  fontFamily: z.string().default(
+    'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  ),
+  headingSize: z.string().default("1.35rem"),
+  bodySize: z.string().default("0.925rem"),
+  logoUrl: z.string().nullable().default(null),
+  logoSize: z.number().int().positive().default(40),
+  logoAlignment: z.enum(LOGO_ALIGNMENTS).default("center"),
+  showAppName: z.boolean().default(true),
+  showMeindeskBranding: z.boolean().default(true),
+  cardStyle: z.enum(CARD_STYLES).default("elevated"),
+  layout: z.enum(LAYOUT_OPTIONS).default("centered")
+});
+var experiencesSchema = z.object({
+  signIn: experienceCopySchema,
+  signUp: experienceCopySchema,
+  forgotPassword: experienceCopySchema,
+  resetPassword: experienceCopySchema,
+  magicLink: experienceCopySchema,
+  emailVerification: experienceCopySchema,
+  mfa: experienceCopySchema,
+  organizationSelection: experienceCopySchema,
+  organizationCreation: experienceCopySchema
+});
+var authExperienceConfigSchema = z.object({
+  version: z.literal(1).default(1),
+  applicationName: z.string().optional(),
+  methods: methodsSchema,
+  providers: z.array(providerConfigSchema),
+  appearance: appearanceSchema,
+  experiences: experiencesSchema
+});
+var FORM_TYPE_TO_EXPERIENCE = {
+  sign_in: "signIn",
+  sign_up: "signUp",
+  forgot_password: "forgotPassword",
+  reset_password: "resetPassword",
+  magic_link: "magicLink",
+  email_verification: "emailVerification",
+  mfa: "mfa",
+  organization_selection: "organizationSelection",
+  organization_creation: "organizationCreation"
+};
+var EXPERIENCE_TO_FORM_TYPE = {
+  signIn: "sign_in",
+  signUp: "sign_up",
+  forgotPassword: "forgot_password",
+  resetPassword: "reset_password",
+  magicLink: "magic_link",
+  emailVerification: "email_verification",
+  mfa: "mfa",
+  organizationSelection: "organization_selection",
+  organizationCreation: "organization_creation"
+};
+
+// src/defaults.ts
+function field(id, overrides = {}) {
+  const labels = {
+    email: "Email address",
+    password: "Password",
+    firstName: "First name",
+    lastName: "Last name",
+    username: "Username",
+    phoneNumber: "Phone number"
+  };
+  const placeholders = {
+    email: "you@example.com",
+    password: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+    firstName: "",
+    lastName: "",
+    username: "",
+    phoneNumber: "+1 555 000 0000"
+  };
+  return {
+    id,
+    enabled: true,
+    required: true,
+    showLabel: true,
+    label: labels[id],
+    placeholder: placeholders[id] ?? "",
+    showPasswordToggle: id === "password" ? true : void 0,
+    ...overrides
+  };
+}
+var defaultSignIn = {
+  title: "Welcome back",
+  subtitle: "Sign in to continue",
+  buttonText: "Continue",
+  loadingText: "Signing in\u2026",
+  showSignUpLink: true,
+  signUpLinkText: "Don't have an account? Sign up",
+  forgotPasswordEnabled: true,
+  forgotPasswordText: "Forgot password?",
+  dividerEnabled: true,
+  dividerText: "OR",
+  fields: [
+    field("email"),
+    field("password", { showPasswordToggle: true })
+  ]
+};
+var defaultSignUp = {
+  title: "Create your account",
+  subtitle: "Sign up to get started",
+  buttonText: "Continue",
+  loadingText: "Creating account\u2026",
+  showSignInLink: true,
+  signInLinkText: "Already have an account? Sign in",
+  dividerEnabled: true,
+  dividerText: "OR",
+  fields: [
+    field("firstName"),
+    field("lastName"),
+    field("email"),
+    field("password", { showPasswordToggle: true }),
+    field("username", { enabled: false, required: false }),
+    field("phoneNumber", { enabled: false, required: false })
+  ]
+};
+var defaultForgotPassword = {
+  title: "Forgot password?",
+  subtitle: "Enter your email and we'll send a reset link",
+  buttonText: "Continue",
+  loadingText: "Sending\u2026",
+  showSignInLink: true,
+  signInLinkText: "Back to sign in",
+  fields: [field("email")]
+};
+var defaultResetPassword = {
+  title: "Reset password",
+  subtitle: "Choose a new password for your account",
+  buttonText: "Reset password",
+  loadingText: "Resetting\u2026",
+  fields: [
+    field("password", { label: "New password", showPasswordToggle: true })
+  ]
+};
+var defaultMagicLink = {
+  title: "Continue with email",
+  subtitle: "We'll email you a magic link for a password-free sign in",
+  buttonText: "Continue with Magic Link",
+  loadingText: "Sending link\u2026",
+  showSignInLink: true,
+  signInLinkText: "Back to sign in",
+  fields: [field("email")]
+};
+var defaultEmailVerification = {
+  title: "Verify your email",
+  subtitle: "Enter the verification code we sent to your email",
+  buttonText: "Verify",
+  loadingText: "Verifying\u2026",
+  fields: []
+};
+var defaultMfa = {
+  title: "Two-factor authentication",
+  subtitle: "Enter the code from your authenticator app",
+  buttonText: "Verify",
+  loadingText: "Verifying\u2026",
+  fields: []
+};
+var defaultOrgSelection = {
+  title: "Choose an organization",
+  subtitle: "Select which organization to continue with",
+  buttonText: "Continue",
+  loadingText: "Loading\u2026",
+  fields: []
+};
+var defaultOrgCreation = {
+  title: "Create an organization",
+  subtitle: "Set up a new organization for your team",
+  buttonText: "Create organization",
+  loadingText: "Creating\u2026",
+  fields: []
+};
+var DEFAULT_EXPERIENCES = {
+  signIn: defaultSignIn,
+  signUp: defaultSignUp,
+  forgotPassword: defaultForgotPassword,
+  resetPassword: defaultResetPassword,
+  magicLink: defaultMagicLink,
+  emailVerification: defaultEmailVerification,
+  mfa: defaultMfa,
+  organizationSelection: defaultOrgSelection,
+  organizationCreation: defaultOrgCreation
+};
+var DEFAULT_APPEARANCE = {
+  primaryColor: "#0f172a",
+  backgroundColor: "#ffffff",
+  foregroundColor: "#0f172a",
+  mutedColor: "#64748b",
+  borderColor: "#e2e8f0",
+  surfaceColor: "#f8fafc",
+  radius: "medium",
+  fontFamily: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+  headingSize: "1.35rem",
+  bodySize: "0.925rem",
+  logoUrl: null,
+  logoSize: 40,
+  logoAlignment: "center",
+  showAppName: true,
+  showMeindeskBranding: true,
+  cardStyle: "elevated",
+  layout: "centered"
+};
+var DEFAULT_PROVIDER_LABELS = {
+  google: "Continue with Google",
+  github: "Continue with GitHub",
+  discord: "Continue with Discord",
+  apple: "Continue with Apple",
+  facebook: "Continue with Facebook",
+  microsoft: "Continue with Microsoft"
+};
+function defaultProviders(enabled = {}) {
+  return PROVIDER_IDS.map((id) => ({
+    id,
+    enabled: enabled[id] ?? (id === "google" || id === "github"),
+    buttonLabel: DEFAULT_PROVIDER_LABELS[id],
+    position: "before"
+  }));
+}
+function createDefaultAuthExperienceConfig(overrides = {}) {
+  return {
+    version: 1,
+    applicationName: overrides.applicationName,
+    methods: {
+      emailPassword: true,
+      magicLink: false,
+      passkeys: false,
+      phone: false,
+      ...overrides.methods
+    },
+    providers: overrides.providers ?? defaultProviders(),
+    appearance: {
+      ...DEFAULT_APPEARANCE,
+      ...overrides.appearance
+    },
+    experiences: {
+      ...DEFAULT_EXPERIENCES,
+      ...overrides.experiences,
+      signIn: {
+        ...DEFAULT_EXPERIENCES.signIn,
+        ...overrides.experiences?.signIn
+      },
+      signUp: {
+        ...DEFAULT_EXPERIENCES.signUp,
+        ...overrides.experiences?.signUp
+      },
+      forgotPassword: {
+        ...DEFAULT_EXPERIENCES.forgotPassword,
+        ...overrides.experiences?.forgotPassword
+      },
+      resetPassword: {
+        ...DEFAULT_EXPERIENCES.resetPassword,
+        ...overrides.experiences?.resetPassword
+      },
+      magicLink: {
+        ...DEFAULT_EXPERIENCES.magicLink,
+        ...overrides.experiences?.magicLink
+      },
+      emailVerification: {
+        ...DEFAULT_EXPERIENCES.emailVerification,
+        ...overrides.experiences?.emailVerification
+      },
+      mfa: {
+        ...DEFAULT_EXPERIENCES.mfa,
+        ...overrides.experiences?.mfa
+      },
+      organizationSelection: {
+        ...DEFAULT_EXPERIENCES.organizationSelection,
+        ...overrides.experiences?.organizationSelection
+      },
+      organizationCreation: {
+        ...DEFAULT_EXPERIENCES.organizationCreation,
+        ...overrides.experiences?.organizationCreation
+      }
+    }
+  };
+}
+
+// src/validation.ts
+function parseAuthExperienceConfig(input) {
+  return authExperienceConfigSchema.parse(input);
+}
+function safeParseAuthExperienceConfig(input) {
+  const result = authExperienceConfigSchema.safeParse(input);
+  if (result.success) {
+    return { success: true, data: result.data };
+  }
+  return {
+    success: false,
+    error: result.error.issues.map((i) => i.message).join("; ")
+  };
+}
+function mergeAuthExperienceConfig(partial) {
+  const base = createDefaultAuthExperienceConfig();
+  if (!partial || typeof partial !== "object") {
+    return base;
+  }
+  const p = partial;
+  const merged = createDefaultAuthExperienceConfig({
+    applicationName: p.applicationName ?? base.applicationName,
+    methods: { ...base.methods, ...p.methods },
+    providers: p.providers ?? base.providers,
+    appearance: { ...base.appearance, ...p.appearance },
+    experiences: {
+      signIn: { ...base.experiences.signIn, ...p.experiences?.signIn },
+      signUp: { ...base.experiences.signUp, ...p.experiences?.signUp },
+      forgotPassword: {
+        ...base.experiences.forgotPassword,
+        ...p.experiences?.forgotPassword
+      },
+      resetPassword: {
+        ...base.experiences.resetPassword,
+        ...p.experiences?.resetPassword
+      },
+      magicLink: {
+        ...base.experiences.magicLink,
+        ...p.experiences?.magicLink
+      },
+      emailVerification: {
+        ...base.experiences.emailVerification,
+        ...p.experiences?.emailVerification
+      },
+      mfa: { ...base.experiences.mfa, ...p.experiences?.mfa },
+      organizationSelection: {
+        ...base.experiences.organizationSelection,
+        ...p.experiences?.organizationSelection
+      },
+      organizationCreation: {
+        ...base.experiences.organizationCreation,
+        ...p.experiences?.organizationCreation
+      }
+    }
+  });
+  return parseAuthExperienceConfig(merged);
+}
+
+// src/migrate.ts
+function mapFieldTypeToProfileId(field2) {
+  const key = (field2.name ?? field2.id ?? "").toString();
+  if (PROFILE_FIELD_IDS.includes(key)) {
+    return key;
+  }
+  if (field2.type === "email") return "email";
+  if (field2.type === "password") return "password";
+  if (field2.type === "phone" || field2.type === "tel") return "phoneNumber";
+  if (key === "first_name") return "firstName";
+  if (key === "last_name") return "lastName";
+  if (key === "phone") return "phoneNumber";
+  return null;
+}
+function legacyFieldsToProfileFields(fields, fallback) {
+  const base = fallback ?? PROFILE_FIELD_IDS.map((id) => ({
+    id,
+    enabled: false,
+    required: false,
+    showLabel: true,
+    label: id,
+    placeholder: ""
+  }));
+  if (!fields?.length) return base;
+  const byId = /* @__PURE__ */ new Map();
+  for (const b of base) {
+    byId.set(b.id, { ...b, enabled: false });
+  }
+  const order = [];
+  for (const f of fields) {
+    const id = mapFieldTypeToProfileId(f);
+    if (!id) continue;
+    order.push(id);
+    const prev = byId.get(id);
+    byId.set(id, {
+      id,
+      enabled: f.enabled ?? true,
+      required: f.required ?? true,
+      showLabel: f.showLabel ?? true,
+      label: f.label ?? prev?.label ?? id,
+      placeholder: f.placeholder ?? prev?.placeholder ?? "",
+      showPasswordToggle: id === "password" ? f.showPasswordToggle ?? true : void 0
+    });
+  }
+  const ordered = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const id of order) {
+    if (seen.has(id)) continue;
+    seen.add(id);
+    const cfg = byId.get(id);
+    if (cfg) ordered.push(cfg);
+  }
+  for (const id of PROFILE_FIELD_IDS) {
+    if (seen.has(id)) continue;
+    const cfg = byId.get(id);
+    if (cfg) ordered.push(cfg);
+  }
+  return ordered;
+}
+function legacySchemaToExperience(schema, experienceId) {
+  const defaults = DEFAULT_EXPERIENCES[experienceId];
+  if (!schema) return { ...defaults };
+  if (schema.experience) {
+    return {
+      ...defaults,
+      ...schema.experience,
+      fields: schema.experience.fields?.length ? schema.experience.fields : defaults.fields
+    };
+  }
+  return {
+    ...defaults,
+    title: schema.title ?? defaults.title,
+    subtitle: schema.subtitle ?? schema.description ?? defaults.subtitle,
+    buttonText: schema.buttonText ?? schema.submitLabel ?? defaults.buttonText,
+    loadingText: schema.loadingText ?? defaults.loadingText,
+    showSignUpLink: schema.showSignUpLink ?? defaults.showSignUpLink,
+    signUpLinkText: schema.signUpLinkText ?? defaults.signUpLinkText,
+    showSignInLink: schema.showSignInLink ?? defaults.showSignInLink,
+    signInLinkText: schema.signInLinkText ?? defaults.signInLinkText,
+    forgotPasswordEnabled: schema.forgotPasswordEnabled ?? defaults.forgotPasswordEnabled,
+    forgotPasswordText: schema.forgotPasswordText ?? defaults.forgotPasswordText,
+    dividerEnabled: schema.dividerEnabled ?? defaults.dividerEnabled,
+    dividerText: schema.dividerText ?? defaults.dividerText,
+    fields: legacyFieldsToProfileFields(schema.fields, defaults.fields)
+  };
+}
+function assembleAuthExperienceConfig(input) {
+  const base = createDefaultAuthExperienceConfig({
+    applicationName: input.applicationName
+  });
+  const experiences = { ...base.experiences };
+  for (const form of input.forms ?? []) {
+    const expKey = FORM_TYPE_TO_EXPERIENCE[form.type];
+    if (!expKey) continue;
+    experiences[expKey] = legacySchemaToExperience(
+      form.schema,
+      expKey
+    );
+  }
+  const providerMap = new Map(
+    (input.providers ?? []).map((p) => [p.provider, p])
+  );
+  const sortedProviders = [...input.providers ?? []].sort(
+    (a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0)
+  );
+  const orderedIds = [];
+  for (const p of sortedProviders) {
+    if (PROVIDER_IDS.includes(p.provider)) {
+      orderedIds.push(p.provider);
+    }
+  }
+  for (const id of PROVIDER_IDS) {
+    if (!orderedIds.includes(id)) orderedIds.push(id);
+  }
+  const providers = orderedIds.map((id) => {
+    const row = providerMap.get(id);
+    const fallback = base.providers.find((p) => p.id === id);
+    return {
+      id,
+      enabled: row?.enabled ?? fallback.enabled,
+      buttonLabel: row?.buttonLabel ?? fallback.buttonLabel,
+      position: row?.position === "after" || row?.position === "before" ? row.position : fallback.position
+    };
+  });
+  return mergeAuthExperienceConfig({
+    applicationName: input.applicationName ?? base.applicationName,
+    methods: {
+      emailPassword: input.settings?.passwordEnabled ?? true,
+      magicLink: input.settings?.magicLinkEnabled ?? false,
+      passkeys: input.settings?.passkeysEnabled ?? false,
+      phone: input.settings?.phoneEnabled ?? false
+    },
+    providers,
+    appearance: {
+      ...base.appearance,
+      ...input.appearance ?? {}
+    },
+    experiences
+  });
+}
+function experienceToFormSchema(experienceId, copy) {
+  const formType = EXPERIENCE_TO_FORM_TYPE[experienceId];
+  return {
+    id: formType,
+    title: copy.title,
+    description: copy.subtitle,
+    subtitle: copy.subtitle,
+    submitLabel: copy.buttonText,
+    buttonText: copy.buttonText,
+    loadingText: copy.loadingText,
+    showSignUpLink: copy.showSignUpLink,
+    signUpLinkText: copy.signUpLinkText,
+    showSignInLink: copy.showSignInLink,
+    signInLinkText: copy.signInLinkText,
+    forgotPasswordEnabled: copy.forgotPasswordEnabled,
+    forgotPasswordText: copy.forgotPasswordText,
+    dividerEnabled: copy.dividerEnabled,
+    dividerText: copy.dividerText,
+    experience: copy,
+    fields: (copy.fields ?? []).filter((f) => f.enabled).map((f) => ({
+      id: f.id,
+      name: f.id,
+      type: f.id === "email" ? "email" : f.id === "password" ? "password" : f.id === "phoneNumber" ? "tel" : "text",
+      label: f.label,
+      placeholder: f.placeholder,
+      required: f.required,
+      showLabel: f.showLabel,
+      showPasswordToggle: f.showPasswordToggle
+    }))
+  };
+}
+function radiusToPx(radius) {
+  if (radius === "small") return "6px";
+  if (radius === "large") return "16px";
+  return "10px";
+}
+
+export { CARD_STYLES, DEFAULT_APPEARANCE, DEFAULT_EXPERIENCES, EXPERIENCE_IDS, EXPERIENCE_TO_FORM_TYPE, FORM_TYPE_TO_EXPERIENCE, LAYOUT_OPTIONS, LOGO_ALIGNMENTS, PROFILE_FIELD_IDS, PROVIDER_IDS, PROVIDER_POSITIONS, RADIUS_OPTIONS, appearanceSchema, assembleAuthExperienceConfig, authExperienceConfigSchema, createDefaultAuthExperienceConfig, defaultProviders, experienceCopySchema, experienceToFormSchema, experiencesSchema, mergeAuthExperienceConfig, methodsSchema, parseAuthExperienceConfig, profileFieldSchema, providerConfigSchema, radiusToPx, safeParseAuthExperienceConfig };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map