@fayz-ai/portal 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Faya Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/auth.d.ts

@@ -0,0 +1,22 @@
+import type { AuthAdapter } from '@fayz-ai/core';
+/** Deterministic learner id from an email, so the same login always maps to the
+ *  same enrollments/progress across reloads. */
+export declare function customerIdForEmail(email: string): string;
+export declare function resolveAuthAdapter(configured: unknown, supabase?: {
+    url?: string;
+    anonKey?: string;
+}): AuthAdapter;
+export declare function initMemberAuth(adapter: AuthAdapter, opts?: {
+    autoEnroll?: boolean;
+}): void;
+export declare function establishMemberSession(email: string, opts?: {
+    password?: string;
+    name?: string;
+}): Promise<{
+    customerId: string;
+}>;
+export declare function signUpMember(email: string, password: string, name: string): Promise<{
+    customerId: string;
+}>;
+export declare function signOutMember(): Promise<void>;
+//# sourceMappingURL=auth.d.ts.map

package/dist/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../src/auth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAY,MAAM,eAAe,CAAA;AAgB1D;gDACgD;AAChD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExD;AAKD,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,OAAO,EACnB,QAAQ,CAAC,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5C,WAAW,CAMb;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAY1F;AAsBD,wBAAsB,sBAAsB,CAC1C,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1C,OAAO,CAAC;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,CAQjC;AAED,wBAAsB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,CAMjH;AAED,wBAAsB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAMnD"}

package/dist/components/MemberHeader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function MemberHeader(): React.JSX.Element;
+//# sourceMappingURL=MemberHeader.d.ts.map

package/dist/components/MemberHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberHeader.d.ts","sourceRoot":"","sources":["../../src/components/MemberHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,wBAAgB,YAAY,sBAkD3B"}

package/dist/config.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface MemberConfig {
+    name: string;
+    /** Logo image URL shown in the header (falls back to the name). */
+    logoUrl?: string;
+    locale?: string;
+    /** Accent color (CSS color) for the player progress + active states. */
+    accent?: string;
+    /** Auth adapter: 'mock' (default) | 'supabase' | a bring-your-own adapter. */
+    auth?: {
+        adapter?: 'mock' | 'supabase' | unknown;
+    };
+    supabaseUrl?: string;
+    supabaseAnonKey?: string;
+    /** Grant the logged-in learner every published course (demo behaviour). When
+     *  false, the learner only sees the courses they were explicitly enrolled in. */
+    autoEnroll?: boolean;
+}
+export interface ResolvedMemberConfig extends MemberConfig {
+    locale: string;
+}
+export declare function resolveConfig(config: MemberConfig): ResolvedMemberConfig;
+export declare const MemberConfigProvider: React.Provider<ResolvedMemberConfig | null>;
+export declare function useMemberConfig(): ResolvedMemberConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAA;KAAE,CAAA;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;qFACiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,oBAAoB,CAExE;AAGD,eAAO,MAAM,oBAAoB,6CAA+B,CAAA;AAEhE,wBAAgB,eAAe,IAAI,oBAAoB,CAItD"}

package/dist/createMemberApp.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MemberConfig } from './config';
+/** Side-effect runtime init shared by the factory and the manifest scaffold:
+ *  wires learner auth (+ optional Supabase client). Idempotent. */
+export declare function initMemberRuntime(config: MemberConfig): void;
+/** Inner portal UI — reads everything from config context, so it is shared by
+ *  createMemberApp and the manifest-driven MemberScaffold. */
+export declare function MemberShell(): React.JSX.Element;
+/** Declarative member-portal factory — sugar over the manifest path (equivalent
+ *  to renderApp(defineMember(config))). */
+export declare function createMemberApp(config: MemberConfig): React.ComponentType;
+//# sourceMappingURL=createMemberApp.d.ts.map

package/dist/createMemberApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMemberApp.d.ts","sourceRoot":"","sources":["../src/createMemberApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAsB5C;mEACmE;AACnE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAQ5D;AAED;8DAC8D;AAC9D,wBAAgB,WAAW,sBAW1B;AAED;2CAC2C;AAC3C,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,aAAa,CAYzE"}

package/dist/index.cjs

@@ -0,0 +1,542 @@
+'use strict';
+
+var React6 = require('react');
+var auth = require('@fayz-ai/auth');
+var courses = require('@fayz-ai/courses');
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
+var core = require('@fayz-ai/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React6__default = /*#__PURE__*/_interopDefault(React6);
+
+// src/config.ts
+function resolveConfig(config) {
+  return { ...config, locale: config.locale ?? "pt-BR" };
+}
+var MemberConfigContext = React6__default.default.createContext(null);
+var MemberConfigProvider = MemberConfigContext.Provider;
+function useMemberConfig() {
+  const ctx = React6__default.default.useContext(MemberConfigContext);
+  if (!ctx) throw new Error("useMemberConfig must be used inside a MemberConfigProvider");
+  return ctx;
+}
+var useMemberSession = zustand.create()(
+  middleware.persist(
+    (set) => ({
+      customerId: null,
+      email: null,
+      name: null,
+      setSession: ({ customerId, email, name }) => set({ customerId, email, name: name ?? null }),
+      signOut: () => set({ customerId: null, email: null, name: null })
+    }),
+    { name: "fayz.portal.session.v1" }
+  )
+);
+
+// src/auth.ts
+function slug(s) {
+  return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+function customerIdForEmail(email) {
+  return `cust-${slug(email.trim().toLowerCase())}`;
+}
+var _adapter = null;
+var _autoEnroll = true;
+function resolveAuthAdapter(configured, supabase) {
+  if (configured && configured !== "mock" && configured !== "supabase") return configured;
+  if (configured === "supabase" && supabase?.url && supabase?.anonKey) {
+    return auth.createSupabaseAuthAdapter({ supabaseUrl: supabase.url, supabaseAnonKey: supabase.anonKey });
+  }
+  return auth.createMockAuthAdapter();
+}
+function initMemberAuth(adapter2, opts) {
+  _adapter = adapter2;
+  _autoEnroll = opts?.autoEnroll ?? true;
+  adapter2.getSession().then((existing) => {
+    if (existing) void link(existing.user);
+  }).catch(() => {
+  });
+  adapter2.onAuthStateChange((user) => {
+    if (!user) useMemberSession.getState().signOut();
+  });
+}
+function getAdapter() {
+  if (!_adapter) _adapter = auth.createMockAuthAdapter();
+  return _adapter;
+}
+async function grantAllPublished(customerId) {
+  const provider = courses.getCoursesProvider();
+  const courses$1 = await provider.listCourses({ status: "published" });
+  for (const c of courses$1) await provider.enroll(c.id, customerId);
+}
+async function link(user, fullName) {
+  const email = (user.email ?? "").trim().toLowerCase();
+  const customerId = customerIdForEmail(email);
+  if (_autoEnroll) await grantAllPublished(customerId);
+  useMemberSession.getState().setSession({ customerId, email, name: fullName ?? user.fullName ?? null });
+  return { customerId };
+}
+async function establishMemberSession(email, opts) {
+  const adapter2 = getAdapter();
+  const normalized = email.trim().toLowerCase();
+  const session = opts?.password ? await adapter2.signIn(normalized, opts.password) : await adapter2.signUp(normalized, `member-${normalized}`, opts?.name ?? "");
+  const user = session.user.email ? session.user : { ...session.user, email: normalized };
+  return link(user, opts?.name);
+}
+async function signUpMember(email, password, name) {
+  const adapter2 = getAdapter();
+  const normalized = email.trim().toLowerCase();
+  const session = await adapter2.signUp(normalized, password, name);
+  const user = session.user.email ? session.user : { ...session.user, email: normalized };
+  return link(user, name);
+}
+async function signOutMember() {
+  try {
+    await getAdapter().signOut();
+  } finally {
+    useMemberSession.getState().signOut();
+  }
+}
+var adapter = core.hashRouterAdapter();
+function navigateTo(to) {
+  adapter.navigate(to);
+}
+function useHashPath() {
+  const [path, setPath] = React6.useState(() => adapter.getCurrentPath() || "/");
+  React6.useEffect(() => {
+    return adapter.onPathChange((p) => {
+      setPath(p || "/");
+      if (typeof window !== "undefined") window.scrollTo(0, 0);
+    });
+  }, []);
+  return path;
+}
+function matchPath(pattern, path) {
+  const cleanPath = (path.split("?")[0] ?? "").replace(/\/+$/, "") || "/";
+  const patternParts = pattern.split("/").filter(Boolean);
+  const pathParts = cleanPath.split("/").filter(Boolean);
+  if (patternParts.length !== pathParts.length) return null;
+  const params = {};
+  for (let i = 0; i < patternParts.length; i++) {
+    const pat = patternParts[i];
+    const part = pathParts[i];
+    if (pat.startsWith(":")) params[pat.slice(1)] = decodeURIComponent(part);
+    else if (pat !== part) return null;
+  }
+  return params;
+}
+function Link({ to, children, ...rest }) {
+  return React6__default.default.createElement("a", { href: `#${to}`, ...rest }, children);
+}
+function MemberHeader() {
+  const config = useMemberConfig();
+  const session = useMemberSession();
+  const [menuOpen, setMenuOpen] = React6__default.default.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "sticky top-0 z-30 border-b border-border bg-card/95 backdrop-blur", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex h-14 max-w-6xl items-center justify-between px-4 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "flex items-center gap-2 font-bold text-foreground", "data-testid": "member-logo", children: config.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: config.logoUrl, alt: config.name, className: "h-7" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: config.name }) }),
+    session.customerId ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          "data-testid": "member-usermenu",
+          onClick: () => setMenuOpen((v) => !v),
+          className: "flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground hover:bg-muted",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground", children: (session.email ?? "?").charAt(0).toUpperCase() }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: session.name || session.email })
+          ]
+        }
+      ),
+      menuOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 mt-2 w-44 overflow-hidden rounded-lg border border-border bg-card shadow-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => {
+              setMenuOpen(false);
+              navigateTo("/account");
+            },
+            className: "block w-full px-4 py-2.5 text-left text-sm text-foreground hover:bg-muted",
+            children: "Minha conta"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-testid": "member-header-signout",
+            onClick: () => {
+              setMenuOpen(false);
+              void signOutMember();
+              navigateTo("/");
+            },
+            className: "block w-full px-4 py-2.5 text-left text-sm text-foreground hover:bg-muted",
+            children: "Sair"
+          }
+        )
+      ] })
+    ] }) : null
+  ] }) });
+}
+function AuthForm() {
+  const config = useMemberConfig();
+  const [email, setEmail] = React6.useState("");
+  const [password, setPassword] = React6.useState("");
+  const [busy, setBusy] = React6.useState(false);
+  const [error, setError] = React6.useState(null);
+  async function submit(e) {
+    e.preventDefault();
+    setError(null);
+    if (!email.trim() || !password) return;
+    setBusy(true);
+    try {
+      await establishMemberSession(email, { password });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "N\xE3o foi poss\xEDvel entrar.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-sm rounded-xl border border-border bg-card p-7 shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-foreground", children: config.name }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Entre para acessar seus cursos." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "mt-5 space-y-3", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          "data-testid": "member-email",
+          type: "email",
+          required: true,
+          placeholder: "voce@exemplo.com",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          className: "w-full rounded-md border border-input bg-background px-3 py-2.5 text-sm"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          "data-testid": "member-password",
+          type: "password",
+          required: true,
+          placeholder: "Senha",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          className: "w-full rounded-md border border-input bg-background px-3 py-2.5 text-sm"
+        }
+      ),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": "member-auth-error", className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "submit",
+          "data-testid": "member-signin",
+          disabled: busy,
+          className: "w-full rounded-md bg-primary py-2.5 font-semibold text-primary-foreground disabled:opacity-60",
+          children: busy ? "Entrando\u2026" : "Entrar"
+        }
+      )
+    ] })
+  ] });
+}
+function MyCoursesPage() {
+  const session = useMemberSession();
+  const { courses: courses$1, loading } = courses.useMyCourses(session.customerId);
+  if (!session.customerId) {
+    return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "mx-auto max-w-3xl px-4 py-12 sm:px-6", children: /* @__PURE__ */ jsxRuntime.jsx(AuthForm, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto max-w-5xl px-4 py-8 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-1 text-2xl font-bold tracking-tight text-foreground", children: "Meus cursos" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-sm text-muted-foreground", children: session.email }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-16 text-center text-muted-foreground", children: "Carregando\u2026" }) : courses$1.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "member-empty", className: "rounded-xl border border-border bg-card py-16 text-center text-muted-foreground", children: "Voc\xEA ainda n\xE3o tem cursos." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "member-courses", className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: courses$1.map(({ course, progressPercent, completedLessons, totalLessons }) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        "data-testid": "member-course-card",
+        "data-slug": course.slug,
+        onClick: () => navigateTo(`/course/${course.slug}`),
+        className: "group overflow-hidden rounded-xl border border-border bg-card text-left transition hover:border-primary hover:shadow-md",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video w-full overflow-hidden bg-muted", children: course.thumbnailUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: course.thumbnailUrl, alt: "", className: "h-full w-full object-cover" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 p-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground line-clamp-2", children: course.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full rounded-full bg-primary transition-all", style: { width: `${progressPercent}%` } }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              completedLessons,
+              "/",
+              totalLessons,
+              " aulas \xB7 ",
+              progressPercent,
+              "%"
+            ] })
+          ] })
+        ]
+      },
+      course.id
+    )) })
+  ] });
+}
+function CoursePlayerPage({ slug: slug3, lessonId }) {
+  const session = useMemberSession();
+  const { course, modules, lessons, loading } = courses.useCourse(slug3);
+  const [enrollmentId, setEnrollmentId] = React6__default.default.useState(null);
+  React6__default.default.useEffect(() => {
+    let active = true;
+    if (!course || !session.customerId) return;
+    (async () => {
+      const provider = courses.getCoursesProvider();
+      const enrollments = await provider.listEnrollments(session.customerId);
+      let enrollment = enrollments.find((e) => e.courseId === course.id);
+      if (!enrollment) enrollment = await provider.enroll(course.id, session.customerId);
+      if (active) setEnrollmentId(enrollment.id);
+    })();
+    return () => {
+      active = false;
+    };
+  }, [course, session.customerId]);
+  const { isCompleted, markLessonComplete } = courses.useCourseProgress(enrollmentId);
+  if (loading || !course) {
+    return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "px-4 py-12 text-center text-muted-foreground", children: "Carregando\u2026" });
+  }
+  const orderedLessons = modules.flatMap((m) => lessons.filter((l) => l.moduleId === m.id));
+  const activeLesson = lessonId && orderedLessons.find((l) => l.id === lessonId) || orderedLessons[0];
+  if (!activeLesson) {
+    return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "px-4 py-12 text-center text-muted-foreground", children: "Curso sem aulas ainda." });
+  }
+  const idx = orderedLessons.findIndex((l) => l.id === activeLesson.id);
+  const nextLesson = idx >= 0 && idx < orderedLessons.length - 1 ? orderedLessons[idx + 1] : null;
+  function open(lid) {
+    navigateTo(`/course/${course.slug}/lesson/${lid}`);
+  }
+  async function completeAndAdvance() {
+    await markLessonComplete(activeLesson.id, true);
+    if (nextLesson) open(nextLesson.id);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto grid max-w-6xl grid-cols-1 gap-6 px-4 py-6 sm:px-6 lg:grid-cols-[1fr_320px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => navigateTo("/"), className: "mb-3 text-sm text-muted-foreground hover:text-foreground", children: "\u2190 Meus cursos" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video w-full overflow-hidden rounded-xl bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "iframe",
+        {
+          "data-testid": "lesson-video",
+          src: activeLesson.videoUrl,
+          title: activeLesson.title,
+          className: "h-full w-full",
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true
+        },
+        activeLesson.id
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-start justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: course.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-testid": "lesson-title", className: "text-xl font-bold text-foreground", children: activeLesson.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-testid": "mark-complete",
+            onClick: completeAndAdvance,
+            className: `shrink-0 rounded-md px-4 py-2 text-sm font-semibold ${isCompleted(activeLesson.id) ? "border border-border bg-card text-muted-foreground" : "bg-primary text-primary-foreground"}`,
+            children: isCompleted(activeLesson.id) ? "\u2713 Conclu\xEDda" : "Marcar como conclu\xEDda"
+          }
+        )
+      ] }),
+      activeLesson.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: activeLesson.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("aside", { "data-testid": "lesson-sidebar", className: "rounded-xl border border-border bg-card p-3", children: modules.map((mod) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 py-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: mod.title }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5", children: lessons.filter((l) => l.moduleId === mod.id).map((lesson) => {
+        const done = isCompleted(lesson.id);
+        const current = lesson.id === activeLesson.id;
+        return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            "data-testid": "sidebar-lesson",
+            "data-completed": done ? "true" : "false",
+            onClick: () => open(lesson.id),
+            className: `flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm ${current ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted/60"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-full border text-[10px] ${done ? "border-primary bg-primary text-primary-foreground" : "border-border"}`, children: done ? "\u2713" : "" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2", children: lesson.title })
+            ]
+          }
+        ) }, lesson.id);
+      }) })
+    ] }, mod.id)) })
+  ] });
+}
+function AccountPage() {
+  const session = useMemberSession();
+  if (!session.customerId) {
+    navigateTo("/");
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto max-w-xl px-4 py-10 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-6 text-2xl font-bold text-foreground", children: "Minha conta" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 rounded-xl border border-border bg-card p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Nome", value: session.name || "\u2014" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "E-mail", value: session.email || "\u2014" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          "data-testid": "account-signout",
+          onClick: () => {
+            void signOutMember();
+            navigateTo("/");
+          },
+          className: "mt-2 rounded-md border border-border bg-card px-4 py-2 text-sm font-medium text-foreground hover:bg-muted",
+          children: "Sair"
+        }
+      )
+    ] })
+  ] });
+}
+function Row({ label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between border-b border-border pb-3 last:border-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: value })
+  ] });
+}
+function RouteSwitch() {
+  const path = useHashPath();
+  const lesson = matchPath("/course/:slug/lesson/:id", path);
+  if (lesson?.slug) return /* @__PURE__ */ jsxRuntime.jsx(CoursePlayerPage, { slug: lesson.slug, lessonId: lesson.id });
+  const course = matchPath("/course/:slug", path);
+  if (course?.slug) return /* @__PURE__ */ jsxRuntime.jsx(CoursePlayerPage, { slug: course.slug });
+  if (matchPath("/account", path)) return /* @__PURE__ */ jsxRuntime.jsx(AccountPage, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(MyCoursesPage, {});
+}
+function initMemberRuntime(config) {
+  initMemberAuth(
+    resolveAuthAdapter(config.auth?.adapter, { url: config.supabaseUrl, anonKey: config.supabaseAnonKey }),
+    { autoEnroll: config.autoEnroll ?? true }
+  );
+}
+function MemberShell() {
+  const config = useMemberConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-background text-foreground", "data-portal": config.name, children: [
+    config.accent && /* @__PURE__ */ jsxRuntime.jsx("style", { children: `:root{--primary:${config.accent};}` }),
+    /* @__PURE__ */ jsxRuntime.jsx(MemberHeader, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(RouteSwitch, {})
+  ] });
+}
+function createMemberApp(config) {
+  const resolved = resolveConfig(config);
+  initMemberRuntime(config);
+  function MemberApp() {
+    return /* @__PURE__ */ jsxRuntime.jsx(MemberConfigProvider, { value: resolved, children: /* @__PURE__ */ jsxRuntime.jsx(MemberShell, {}) });
+  }
+  MemberApp.displayName = "MemberApp";
+  return MemberApp;
+}
+function slug2(name) {
+  return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "app";
+}
+function defineMember(config) {
+  return core.defineApp({
+    id: slug2(config.name),
+    name: config.name,
+    backend: config.supabaseUrl ? { provider: "supabase", url: config.supabaseUrl } : { provider: "mock" },
+    locale: { default: config.locale ?? "pt-BR", supported: [config.locale ?? "pt-BR"] },
+    surfaces: {
+      member: {
+        scaffold: "member",
+        options: {
+          logoUrl: config.logoUrl,
+          accent: config.accent,
+          autoEnroll: config.autoEnroll ?? true
+        }
+      }
+    }
+  });
+}
+function manifestToMemberConfig(manifest, surfaceName) {
+  const o = manifest.surfaces[surfaceName]?.options ?? {};
+  return {
+    name: manifest.name,
+    locale: manifest.locale?.default,
+    logoUrl: o.logoUrl,
+    accent: o.accent,
+    autoEnroll: o.autoEnroll ?? true,
+    supabaseUrl: manifest.backend?.provider === "supabase" ? manifest.backend.url : void 0
+  };
+}
+function MemberScaffold({ manifest, surface }) {
+  const config = React6__default.default.useMemo(() => manifestToMemberConfig(manifest, surface), [manifest, surface]);
+  const resolved = React6__default.default.useMemo(() => resolveConfig(config), [config]);
+  const inited = React6__default.default.useRef(false);
+  if (!inited.current) {
+    initMemberRuntime(config);
+    inited.current = true;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(MemberConfigProvider, { value: resolved, children: /* @__PURE__ */ jsxRuntime.jsx(MemberShell, {}) });
+}
+MemberScaffold.displayName = "MemberScaffold";
+core.registerScaffold("member", MemberScaffold, { source: "sdk", label: "Member" });
+
+Object.defineProperty(exports, "MockCoursesProvider", {
+  enumerable: true,
+  get: function () { return courses.MockCoursesProvider; }
+});
+Object.defineProperty(exports, "createMockCoursesProvider", {
+  enumerable: true,
+  get: function () { return courses.createMockCoursesProvider; }
+});
+Object.defineProperty(exports, "getCoursesProvider", {
+  enumerable: true,
+  get: function () { return courses.getCoursesProvider; }
+});
+Object.defineProperty(exports, "getCoursesProviderOptional", {
+  enumerable: true,
+  get: function () { return courses.getCoursesProviderOptional; }
+});
+Object.defineProperty(exports, "setCoursesProvider", {
+  enumerable: true,
+  get: function () { return courses.setCoursesProvider; }
+});
+Object.defineProperty(exports, "useCourse", {
+  enumerable: true,
+  get: function () { return courses.useCourse; }
+});
+Object.defineProperty(exports, "useCourseProgress", {
+  enumerable: true,
+  get: function () { return courses.useCourseProgress; }
+});
+Object.defineProperty(exports, "useMyCourses", {
+  enumerable: true,
+  get: function () { return courses.useMyCourses; }
+});
+Object.defineProperty(exports, "defineApp", {
+  enumerable: true,
+  get: function () { return core.defineApp; }
+});
+Object.defineProperty(exports, "renderApp", {
+  enumerable: true,
+  get: function () { return core.renderApp; }
+});
+exports.AccountPage = AccountPage;
+exports.CoursePlayerPage = CoursePlayerPage;
+exports.Link = Link;
+exports.MemberConfigProvider = MemberConfigProvider;
+exports.MemberHeader = MemberHeader;
+exports.MemberScaffold = MemberScaffold;
+exports.MemberShell = MemberShell;
+exports.MyCoursesPage = MyCoursesPage;
+exports.createMemberApp = createMemberApp;
+exports.customerIdForEmail = customerIdForEmail;
+exports.defineMember = defineMember;
+exports.establishMemberSession = establishMemberSession;
+exports.initMemberAuth = initMemberAuth;
+exports.initMemberRuntime = initMemberRuntime;
+exports.matchPath = matchPath;
+exports.navigateTo = navigateTo;
+exports.resolveAuthAdapter = resolveAuthAdapter;
+exports.resolveConfig = resolveConfig;
+exports.signOutMember = signOutMember;
+exports.signUpMember = signUpMember;
+exports.useHashPath = useHashPath;
+exports.useMemberConfig = useMemberConfig;
+exports.useMemberSession = useMemberSession;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map