@freighttech/ui 0.13.18

package/dist/frontend/LanguageSwitcher.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/frontend/LanguageSwitcher.tsx"],
+  "sourcesContent": ["\"use client\"\nimport { useId, useTransition } from 'react'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useRouter } from 'next/navigation'\nimport { locales, type Locale } from '@open-mercato/shared/lib/i18n/config'\n\nexport function LanguageSwitcher() {\n  const current = useLocale()\n  const t = useT()\n  const router = useRouter()\n  const [pending, startTransition] = useTransition()\n  const selectId = useId()\n\n  const languageLabels: Record<Locale, string> = {\n    en: t('common.languages.english', 'English'),\n    pl: t('common.languages.polish', 'Polski'),\n    es: t('common.languages.spanish', 'Espa\u00F1ol'),\n    de: t('common.languages.german', 'Deutsch'),\n  }\n\n  async function setLocale(locale: Locale) {\n    if (locale === current) return\n    try {\n      const res = await fetch('/api/auth/locale', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ locale }),\n      })\n      if (!res.ok) return\n      startTransition(() => router.refresh())\n      try {\n        window.dispatchEvent(new Event('om:refresh-sidebar'))\n      } catch {\n        // Ignore if window is unavailable\n      }\n    } catch {\n      // Ignore network errors; UX fallback keeps previous locale\n    }\n  }\n\n  return (\n    <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n      <label htmlFor={selectId}>{t('common.language')}</label>\n      <div className=\"relative\">\n        <select\n          id={selectId}\n          className=\"appearance-none rounded-md border bg-background px-3 py-1 pr-8 text-xs focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 disabled:opacity-60\"\n          value={current}\n          onChange={(event) => setLocale(event.target.value as Locale)}\n          disabled={pending}\n        >\n          {locales.map((locale) => (\n            <option key={locale} value={locale}>\n              {languageLabels[locale]}\n            </option>\n          ))}\n        </select>\n        <span className=\"pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n            <path d=\"M6 9l6 6 6-6\" />\n          </svg>\n        </span>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA0CM,cACA,YADA;AAzCN,SAAS,OAAO,qBAAqB;AACrC,SAAS,WAAW,YAAY;AAChC,SAAS,iBAAiB;AAC1B,SAAS,eAA4B;AAE9B,SAAS,mBAAmB;AACjC,QAAM,UAAU,UAAU;AAC1B,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,SAAS,eAAe,IAAI,cAAc;AACjD,QAAM,WAAW,MAAM;AAEvB,QAAM,iBAAyC;AAAA,IAC7C,IAAI,EAAE,4BAA4B,SAAS;AAAA,IAC3C,IAAI,EAAE,2BAA2B,QAAQ;AAAA,IACzC,IAAI,EAAE,4BAA4B,YAAS;AAAA,IAC3C,IAAI,EAAE,2BAA2B,SAAS;AAAA,EAC5C;AAEA,iBAAe,UAAU,QAAgB;AACvC,QAAI,WAAW,QAAS;AACxB,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,oBAAoB;AAAA,QAC1C,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,OAAO,CAAC;AAAA,MACjC,CAAC;AACD,UAAI,CAAC,IAAI,GAAI;AACb,sBAAgB,MAAM,OAAO,QAAQ,CAAC;AACtC,UAAI;AACF,eAAO,cAAc,IAAI,MAAM,oBAAoB,CAAC;AAAA,MACtD,QAAQ;AAAA,MAER;AAAA,IACF,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,yDACb;AAAA,wBAAC,WAAM,SAAS,UAAW,YAAE,iBAAiB,GAAE;AAAA,IAChD,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU,CAAC,UAAU,UAAU,MAAM,OAAO,KAAe;AAAA,UAC3D,UAAU;AAAA,UAET,kBAAQ,IAAI,CAAC,WACZ,oBAAC,YAAoB,OAAO,QACzB,yBAAe,MAAM,KADX,MAEb,CACD;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,UAAK,WAAU,uFACd,8BAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAC5F,8BAAC,UAAK,GAAE,gBAAe,GACzB,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/frontend/Layout.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FlashMessages } from "../backend/FlashMessages.js";
+function FrontendLayout({ header, footer, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-svh flex flex-col", children: [
+    /* @__PURE__ */ jsx(FlashMessages, {}),
+    header ? /* @__PURE__ */ jsx("div", { className: "border-b bg-background/60", children: header }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children }),
+    footer ? /* @__PURE__ */ jsx("div", { className: "border-t bg-background/60", children: footer }) : null
+  ] });
+}
+export {
+  FrontendLayout
+};
+//# sourceMappingURL=Layout.js.map

package/dist/frontend/Layout.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/frontend/Layout.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { FlashMessages } from '../backend/FlashMessages'\n\nexport function FrontendLayout({ header, footer, children }: { header?: React.ReactNode; footer?: React.ReactNode; children: React.ReactNode }) {\n  return (\n    <div className=\"min-h-svh flex flex-col\">\n      <FlashMessages />\n      {header ? <div className=\"border-b bg-background/60\">{header}</div> : null}\n      <div className=\"flex-1 min-h-0\">{children}</div>\n      {footer ? <div className=\"border-t bg-background/60\">{footer}</div> : null}\n    </div>\n  )\n}\n"],
+  "mappings": "AAKI,SACE,KADF;AAJJ,SAAS,qBAAqB;AAEvB,SAAS,eAAe,EAAE,QAAQ,QAAQ,SAAS,GAAsF;AAC9I,SACE,qBAAC,SAAI,WAAU,2BACb;AAAA,wBAAC,iBAAc;AAAA,IACd,SAAS,oBAAC,SAAI,WAAU,6BAA6B,kBAAO,IAAS;AAAA,IACtE,oBAAC,SAAI,WAAU,kBAAkB,UAAS;AAAA,IACzC,SAAS,oBAAC,SAAI,WAAU,6BAA6B,kBAAO,IAAS;AAAA,KACxE;AAEJ;",
+  "names": []
+}

package/dist/hooks/useIsMobile.js

@@ -0,0 +1,21 @@
+"use client";
+import { useSyncExternalStore } from "react";
+const MOBILE_BREAKPOINT = 767;
+function subscribe(callback) {
+  const mediaQuery = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`);
+  mediaQuery.addEventListener("change", callback);
+  return () => mediaQuery.removeEventListener("change", callback);
+}
+function getSnapshot() {
+  return window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`).matches;
+}
+function getServerSnapshot() {
+  return false;
+}
+function useIsMobile() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+export {
+  useIsMobile
+};
+//# sourceMappingURL=useIsMobile.js.map

package/dist/hooks/useIsMobile.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useIsMobile.ts"],
+  "sourcesContent": ["'use client'\n\nimport { useSyncExternalStore } from 'react'\n\nconst MOBILE_BREAKPOINT = 767\n\nfunction subscribe(callback: () => void) {\n  const mediaQuery = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`)\n  mediaQuery.addEventListener('change', callback)\n  return () => mediaQuery.removeEventListener('change', callback)\n}\n\nfunction getSnapshot() {\n  return window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT}px)`).matches\n}\n\nfunction getServerSnapshot() {\n  return false\n}\n\n/**\n * SSR-safe hook that returns true when the viewport is below Tailwind's `md:` breakpoint (768px).\n * Uses `useSyncExternalStore` for correct first-render values without hydration flash.\n */\nexport function useIsMobile(): boolean {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],
+  "mappings": ";AAEA,SAAS,4BAA4B;AAErC,MAAM,oBAAoB;AAE1B,SAAS,UAAU,UAAsB;AACvC,QAAM,aAAa,OAAO,WAAW,eAAe,iBAAiB,KAAK;AAC1E,aAAW,iBAAiB,UAAU,QAAQ;AAC9C,SAAO,MAAM,WAAW,oBAAoB,UAAU,QAAQ;AAChE;AAEA,SAAS,cAAc;AACrB,SAAO,OAAO,WAAW,eAAe,iBAAiB,KAAK,EAAE;AAClE;AAEA,SAAS,oBAAoB;AAC3B,SAAO;AACT;AAMO,SAAS,cAAuB;AACrC,SAAO,qBAAqB,WAAW,aAAa,iBAAiB;AACvE;",
+  "names": []
+}

package/dist/index.js

@@ -0,0 +1,40 @@
+export * from "./theme/ThemeProvider.js";
+export * from "./theme/ThemeToggle.js";
+export * from "./theme/QueryProvider.js";
+export * from "./backend/AppShell.js";
+export * from "./backend/Sidebar.js";
+export * from "./backend/Page.js";
+export * from "./backend/DataTable.js";
+export * from "./backend/filters/AdvancedFilterBuilder.js";
+export * from "./backend/columns/ColumnChooserPanel.js";
+export * from "./backend/FilterBar.js";
+export * from "./backend/ValueIcons.js";
+export * from "./backend/confirm-dialog/index.js";
+export * from "./backend/UserMenu.js";
+export * from "./backend/RowActions.js";
+export * from "./backend/utils/nav.js";
+export * from "./backend/CrudForm.js";
+export * from "./backend/JsonBuilder.js";
+export * from "./backend/detail/index.js";
+export * from "./backend/TruncatedCell.js";
+export * from "./backend/schedule/index.js";
+export * from "./backend/inputs/index.js";
+export * from "./backend/ContextHelp.js";
+export * from "./backend/dashboard/index.js";
+export * from "./backend/messages/index.js";
+export * from "./frontend/Layout.js";
+export * from "./frontend/AuthFooter.js";
+export * from "./frontend/LanguageSwitcher.js";
+export * from "./primitives/button.js";
+export * from "./primitives/icon-button.js";
+export * from "./primitives/label.js";
+export * from "./primitives/separator.js";
+export * from "./primitives/spinner.js";
+export * from "./primitives/tabs.js";
+export * from "./primitives/DataLoader.js";
+export * from "./primitives/table.js";
+export * from "./primitives/Notice.js";
+export * from "./primitives/ErrorNotice.js";
+export * from "./primitives/dialog.js";
+export * from "./primitives/progress.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["export * from './theme/ThemeProvider'\nexport * from './theme/ThemeToggle'\nexport * from './theme/QueryProvider'\nexport * from './backend/AppShell'\nexport * from './backend/Sidebar'\nexport * from './backend/Page'\nexport * from './backend/DataTable'\nexport * from './backend/filters/AdvancedFilterBuilder'\nexport * from './backend/columns/ColumnChooserPanel'\nexport * from './backend/FilterBar'\nexport * from './backend/ValueIcons'\nexport * from './backend/confirm-dialog'\nexport * from './backend/UserMenu'\nexport * from './backend/RowActions'\nexport * from './backend/utils/nav'\nexport * from './backend/CrudForm'\nexport * from './backend/JsonBuilder'\nexport * from './backend/detail'\nexport * from './backend/TruncatedCell'\nexport * from './backend/schedule'\n\nexport * from './backend/inputs'\nexport * from './backend/ContextHelp'\nexport * from './backend/dashboard'\nexport * from './backend/messages'\nexport * from './frontend/Layout'\nexport * from './frontend/AuthFooter'\nexport * from './frontend/LanguageSwitcher'\nexport * from './primitives/button'\nexport * from './primitives/icon-button' \nexport * from './primitives/label'\nexport * from './primitives/separator'\nexport * from './primitives/spinner'\nexport * from './primitives/tabs'\nexport * from './primitives/DataLoader'\nexport * from './primitives/table'\nexport * from './primitives/Notice'\nexport * from './primitives/ErrorNotice'\nexport * from './primitives/dialog'\nexport * from './primitives/progress'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/portal/PortalContext.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import { apiCall } from "../backend/utils/apiCall.js";
+const PortalCtx = createContext(null);
+function usePortalContext() {
+  const ctx = useContext(PortalCtx);
+  if (!ctx) throw new Error("usePortalContext must be used inside <PortalProvider>");
+  return ctx;
+}
+function PortalProvider({ orgSlug, children, initialAuth, initialTenant }) {
+  const hasServerData = initialAuth !== void 0;
+  const [authState, setAuthState] = useState(() => {
+    if (hasServerData && initialAuth) {
+      return {
+        user: {
+          id: initialAuth.sub,
+          email: initialAuth.email,
+          displayName: initialAuth.displayName,
+          emailVerified: false,
+          customerEntityId: initialAuth.customerEntityId ?? null,
+          personEntityId: initialAuth.personEntityId ?? null,
+          isActive: true,
+          lastLoginAt: null,
+          createdAt: ""
+        },
+        roles: [],
+        resolvedFeatures: initialAuth.resolvedFeatures,
+        isPortalAdmin: initialAuth.resolvedFeatures.some((f) => f === "portal.*"),
+        loading: false,
+        error: null
+      };
+    }
+    if (hasServerData && !initialAuth) {
+      return { user: null, roles: [], resolvedFeatures: [], isPortalAdmin: false, loading: false, error: null };
+    }
+    return { user: null, roles: [], resolvedFeatures: [], isPortalAdmin: false, loading: true, error: null };
+  });
+  useEffect(() => {
+    if (hasServerData && !initialAuth) return;
+    let cancelled = false;
+    async function fetchProfile() {
+      try {
+        const { ok, status, result: data } = await apiCall("/api/customer_accounts/portal/profile");
+        if (cancelled) return;
+        if (status === 401) {
+          setAuthState((prev) => ({ ...prev, loading: false, user: prev.user }));
+          return;
+        }
+        if (!ok || !data?.ok) {
+          setAuthState((prev) => ({ ...prev, loading: false }));
+          return;
+        }
+        setAuthState({
+          user: data.user,
+          roles: data.roles || [],
+          resolvedFeatures: data.resolvedFeatures || [],
+          isPortalAdmin: data.isPortalAdmin || false,
+          loading: false,
+          error: null
+        });
+      } catch {
+        if (!cancelled) {
+          setAuthState((prev) => ({ ...prev, loading: false }));
+        }
+      }
+    }
+    fetchProfile();
+    return () => {
+      cancelled = true;
+    };
+  }, [hasServerData, initialAuth]);
+  const logout = useCallback(async () => {
+    try {
+      await apiCall("/api/customer_accounts/portal/logout", { method: "POST" });
+    } catch {
+    }
+    setAuthState({ user: null, roles: [], resolvedFeatures: [], isPortalAdmin: false, loading: false, error: null });
+    window.location.assign(`/${orgSlug}/portal/login`);
+  }, [orgSlug]);
+  const [tenantState] = useState(() => {
+    if (initialTenant) {
+      return {
+        tenantId: initialTenant.tenantId,
+        organizationId: initialTenant.organizationId,
+        organizationName: initialTenant.organizationName,
+        loading: false,
+        error: null
+      };
+    }
+    return { tenantId: void 0, organizationId: void 0, organizationName: void 0, loading: true, error: null };
+  });
+  useEffect(() => {
+    if (initialTenant) return;
+  }, [initialTenant]);
+  const value = {
+    auth: { ...authState, logout },
+    tenant: tenantState,
+    orgSlug
+  };
+  return /* @__PURE__ */ jsx(PortalCtx.Provider, { value, children });
+}
+export {
+  PortalProvider,
+  usePortalContext
+};
+//# sourceMappingURL=PortalContext.js.map

package/dist/portal/PortalContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/portal/PortalContext.tsx"],
+  "sourcesContent": ["\"use client\"\nimport {\n  type ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\nimport type { CustomerAuthResult } from '@open-mercato/shared/modules/customer-auth'\nimport type { CustomerAuthContext } from '@open-mercato/shared/modules/customer-auth'\nimport { apiCall } from '../backend/utils/apiCall'\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\ntype TenantState = {\n  tenantId: string | undefined\n  organizationId: string | undefined\n  organizationName: string | undefined\n  loading: boolean\n  error: string | null\n}\n\ntype PortalContextValue = {\n  auth: CustomerAuthResult & { logout: () => Promise<void> }\n  tenant: TenantState\n  orgSlug: string\n}\n\nconst PortalCtx = createContext<PortalContextValue | null>(null)\n\n/* ------------------------------------------------------------------ */\n/*  Hook                                                               */\n/* ------------------------------------------------------------------ */\n\nexport function usePortalContext(): PortalContextValue {\n  const ctx = useContext(PortalCtx)\n  if (!ctx) throw new Error('usePortalContext must be used inside <PortalProvider>')\n  return ctx\n}\n\n/* ------------------------------------------------------------------ */\n/*  Provider                                                           */\n/* ------------------------------------------------------------------ */\n\ntype InitialTenant = {\n  tenantId?: string\n  organizationId?: string\n  organizationName?: string\n}\n\ntype PortalProviderProps = {\n  orgSlug: string\n  children: ReactNode\n  /** Server-resolved customer auth. When provided, skips client-side fetching. */\n  initialAuth?: CustomerAuthContext | null\n  /** Server-resolved tenant data. When provided, skips client-side fetching. */\n  initialTenant?: InitialTenant\n}\n\n/**\n * Provides auth + tenant state for portal pages.\n *\n * When `initialAuth` and `initialTenant` are provided (from server layout),\n * the context initializes with that data immediately \u2014 no loading state,\n * no client-side fetching, no blink.\n *\n * Falls back to client-side fetching only when initial data is not provided.\n */\nexport function PortalProvider({ orgSlug, children, initialAuth, initialTenant }: PortalProviderProps) {\n  const hasServerData = initialAuth !== undefined\n\n  /* ---- Auth state ---- */\n  const [authState, setAuthState] = useState<CustomerAuthResult>(() => {\n    if (hasServerData && initialAuth) {\n      // Server-resolved auth \u2014 start fully loaded, no client-side fetch needed\n      return {\n        user: {\n          id: initialAuth.sub,\n          email: initialAuth.email,\n          displayName: initialAuth.displayName,\n          emailVerified: false,\n          customerEntityId: initialAuth.customerEntityId ?? null,\n          personEntityId: initialAuth.personEntityId ?? null,\n          isActive: true,\n          lastLoginAt: null,\n          createdAt: '',\n        },\n        roles: [],\n        resolvedFeatures: initialAuth.resolvedFeatures,\n        isPortalAdmin: initialAuth.resolvedFeatures.some((f) => f === 'portal.*'),\n        loading: false,\n        error: null,\n      }\n    }\n    if (hasServerData && !initialAuth) {\n      // Server confirmed: no auth cookie \u2192 not authenticated\n      return { user: null, roles: [], resolvedFeatures: [], isPortalAdmin: false, loading: false, error: null }\n    }\n    // No server data \u2192 need client-side fetch\n    return { user: null, roles: [], resolvedFeatures: [], isPortalAdmin: false, loading: true, error: null }\n  })\n\n  // Client-side profile fetch \u2014 only runs when NO server data was provided,\n  // or to enrich server-provided auth with full profile (roles, etc.)\n  useEffect(() => {\n    if (hasServerData && !initialAuth) return // Server said: not authenticated, nothing to fetch\n    let cancelled = false\n\n    async function fetchProfile() {\n      try {\n        const { ok, status, result: data } = await apiCall<{ ok: boolean; user: CustomerAuthResult['user']; roles: CustomerAuthResult['roles']; resolvedFeatures: string[]; isPortalAdmin: boolean }>('/api/customer_accounts/portal/profile')\n        if (cancelled) return\n        if (status === 401) {\n          setAuthState((prev) => ({ ...prev, loading: false, user: prev.user }))\n          return\n        }\n        if (!ok || !data?.ok) {\n          setAuthState((prev) => ({ ...prev, loading: false }))\n          return\n        }\n        setAuthState({\n          user: data!.user,\n          roles: data!.roles || [],\n          resolvedFeatures: data!.resolvedFeatures || [],\n          isPortalAdmin: data!.isPortalAdmin || false,\n          loading: false,\n          error: null,\n        })\n      } catch {\n        if (!cancelled) {\n          setAuthState((prev) => ({ ...prev, loading: false }))\n        }\n      }\n    }\n\n    fetchProfile()\n    return () => { cancelled = true }\n  }, [hasServerData, initialAuth])\n\n  const logout = useCallback(async () => {\n    try {\n      await apiCall('/api/customer_accounts/portal/logout', { method: 'POST' })\n    } catch {\n      // Best-effort logout \u2014 redirect regardless\n    }\n    setAuthState({ user: null, roles: [], resolvedFeatures: [], isPortalAdmin: false, loading: false, error: null })\n    window.location.assign(`/${orgSlug}/portal/login`)\n  }, [orgSlug])\n\n  /* ---- Tenant state ---- */\n  const [tenantState] = useState<TenantState>(() => {\n    if (initialTenant) {\n      return {\n        tenantId: initialTenant.tenantId,\n        organizationId: initialTenant.organizationId,\n        organizationName: initialTenant.organizationName,\n        loading: false,\n        error: null,\n      }\n    }\n    return { tenantId: undefined, organizationId: undefined, organizationName: undefined, loading: true, error: null }\n  })\n\n  // Client-side tenant fetch \u2014 only when no server data\n  useEffect(() => {\n    if (initialTenant) return // Server already resolved\n    // Fallback: kept for backward compat but shouldn't be hit when layout provides data\n  }, [initialTenant])\n\n  const value: PortalContextValue = {\n    auth: { ...authState, logout },\n    tenant: tenantState,\n    orgSlug,\n  }\n\n  return <PortalCtx.Provider value={value}>{children}</PortalCtx.Provider>\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/portal/PortalLayoutProvider.js

@@ -0,0 +1,5 @@
+import { PortalLayoutShell } from "./PortalLayoutShell.js";
+export {
+  PortalLayoutShell as PortalLayoutProvider
+};
+//# sourceMappingURL=PortalLayoutProvider.js.map

package/dist/portal/PortalLayoutProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/portal/PortalLayoutProvider.tsx"],
+  "sourcesContent": ["/**\n * @deprecated Use PortalLayoutShell instead \u2014 it receives server-resolved data\n * from the layout server component, eliminating client-side loading states.\n */\nexport { PortalLayoutShell as PortalLayoutProvider } from './PortalLayoutShell'\n"],
+  "mappings": "AAIA,SAA8B,yBAA4B;",
+  "names": []
+}

package/dist/portal/PortalLayoutShell.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { PortalProvider } from "./PortalContext.js";
+import PortalShell from "./PortalShell.js";
+function PortalLayoutShell({
+  children,
+  orgSlug,
+  organizationName,
+  tenantId,
+  organizationId,
+  authenticated,
+  userName,
+  userEmail,
+  customerAuth
+}) {
+  return /* @__PURE__ */ jsx(
+    PortalProvider,
+    {
+      orgSlug,
+      initialAuth: customerAuth,
+      initialTenant: {
+        tenantId: tenantId ?? void 0,
+        organizationId: organizationId ?? void 0,
+        organizationName: organizationName ?? void 0
+      },
+      children: /* @__PURE__ */ jsx(
+        PortalShell,
+        {
+          authenticated,
+          enableEventBridge: authenticated,
+          orgSlug,
+          organizationName: organizationName ?? void 0,
+          userName: userName ?? void 0,
+          userEmail: userEmail ?? void 0,
+          children
+        }
+      )
+    }
+  );
+}
+export {
+  PortalLayoutShell
+};
+//# sourceMappingURL=PortalLayoutShell.js.map

package/dist/portal/PortalLayoutShell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/portal/PortalLayoutShell.tsx"],
+  "sourcesContent": ["\"use client\"\nimport type { ReactNode } from 'react'\nimport type { CustomerAuthContext } from '@open-mercato/shared/modules/customer-auth'\nimport { PortalProvider } from './PortalContext'\nimport PortalShell from './PortalShell'\n\ntype PortalLayoutShellProps = {\n  children: ReactNode\n  orgSlug: string\n  organizationName: string | null\n  tenantId: string | null\n  organizationId: string | null\n  authenticated: boolean\n  userName: string | null\n  userEmail: string | null\n  customerAuth: CustomerAuthContext | null\n}\n\n/**\n * Portal layout shell initialized with server-resolved data.\n *\n * Receives auth + org data as props from the server layout component.\n * No client-side fetching for auth or tenant \u2014 identical pattern to\n * the backend AppShell which receives server-resolved data.\n *\n * This eliminates all loading states and layout flashes:\n * - Auth is resolved from the customer JWT cookie on the server\n * - Org name is queried from DB on the server\n * - PortalShell receives stable props from frame 1\n */\nexport function PortalLayoutShell({\n  children,\n  orgSlug,\n  organizationName,\n  tenantId,\n  organizationId,\n  authenticated,\n  userName,\n  userEmail,\n  customerAuth,\n}: PortalLayoutShellProps) {\n  return (\n    <PortalProvider\n      orgSlug={orgSlug}\n      initialAuth={customerAuth}\n      initialTenant={{\n        tenantId: tenantId ?? undefined,\n        organizationId: organizationId ?? undefined,\n        organizationName: organizationName ?? undefined,\n      }}\n    >\n      <PortalShell\n        authenticated={authenticated}\n        enableEventBridge={authenticated}\n        orgSlug={orgSlug}\n        organizationName={organizationName ?? undefined}\n        userName={userName ?? undefined}\n        userEmail={userEmail ?? undefined}\n      >\n        {children}\n      </PortalShell>\n    </PortalProvider>\n  )\n}\n"],
+  "mappings": ";AAmDM;AAhDN,SAAS,sBAAsB;AAC/B,OAAO,iBAAiB;AA0BjB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb,eAAe;AAAA,QACb,UAAU,YAAY;AAAA,QACtB,gBAAgB,kBAAkB;AAAA,QAClC,kBAAkB,oBAAoB;AAAA,MACxC;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,mBAAmB;AAAA,UACnB;AAAA,UACA,kBAAkB,oBAAoB;AAAA,UACtC,UAAU,YAAY;AAAA,UACtB,WAAW,aAAa;AAAA,UAEvB;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/portal/PortalShell.js

@@ -0,0 +1,229 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../primitives/button.js";
+import { IconButton } from "../primitives/icon-button.js";
+import { usePortalInjectedMenuItems } from "./hooks/usePortalInjectedMenuItems.js";
+import { usePortalEventBridge } from "./hooks/usePortalEventBridge.js";
+import { mergeMenuItems } from "../backend/injection/mergeMenuItems.js";
+import { PortalNotificationBell } from "./components/PortalNotificationBell.js";
+import { usePortalContext } from "./PortalContext.js";
+const PORTAL_SHELL_HANDLE = "page:portal:layout";
+const PORTAL_HEADER_HANDLE = "section:portal:header";
+const PORTAL_FOOTER_HANDLE = "section:portal:footer";
+const PORTAL_SIDEBAR_HANDLE = "section:portal:sidebar";
+const PORTAL_USER_MENU_HANDLE = "section:portal:user-menu";
+function PortalEventBridgeMount() {
+  usePortalEventBridge();
+  return null;
+}
+function MenuIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+    /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+    /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+  ] });
+}
+function XIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+    /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+  ] });
+}
+function LogOutIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+    /* @__PURE__ */ jsx("polyline", { points: "16 17 21 12 16 7" }),
+    /* @__PURE__ */ jsx("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+  ] });
+}
+function SidebarNavItem({
+  item,
+  active,
+  t,
+  onClick
+}) {
+  const label = item.labelKey ? t(item.labelKey, item.label) : item.label;
+  if (!label) return null;
+  const cls = [
+    "flex items-center gap-2.5 rounded-lg px-3 py-2 text-[13px] font-medium transition-colors",
+    active ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+  ].join(" ");
+  if (item.href) {
+    return /* @__PURE__ */ jsx(Link, { href: item.href, className: cls, "data-menu-item-id": item.id, onClick, children: label });
+  }
+  if (item.onClick) {
+    return /* @__PURE__ */ jsx("button", { type: "button", className: cls, "data-menu-item-id": item.id, onClick: () => {
+      item.onClick?.();
+      onClick?.();
+    }, children: label });
+  }
+  return null;
+}
+function UserAvatar({ name, className }) {
+  const initials = name ? name.split(" ").map((w) => w[0]).slice(0, 2).join("").toUpperCase() : "?";
+  return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center rounded-full bg-foreground text-[11px] font-semibold text-background ${className ?? "size-8"}`, children: initials });
+}
+function useOptionalPortalContext() {
+  try {
+    return usePortalContext();
+  } catch {
+    return null;
+  }
+}
+function PortalShell({
+  children,
+  orgSlug: orgSlugProp,
+  organizationName: orgNameProp,
+  authenticated: authenticatedProp,
+  onLogout: onLogoutProp,
+  enableEventBridge = false,
+  userName: userNameProp,
+  userEmail: userEmailProp
+}) {
+  const t = useT();
+  const pathname = usePathname();
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const portalCtx = useOptionalPortalContext();
+  const orgSlug = portalCtx?.orgSlug ?? orgSlugProp;
+  const orgName = portalCtx?.tenant.organizationName ?? orgNameProp;
+  const user = portalCtx?.auth.user ?? null;
+  const authenticated = authenticatedProp ?? !!user;
+  const onLogout = onLogoutProp ?? portalCtx?.auth.logout;
+  const userName = userNameProp ?? user?.displayName;
+  const userEmail = userEmailProp ?? user?.email;
+  const { items: injectedMainItems } = usePortalInjectedMenuItems("menu:portal:sidebar:main");
+  const { items: injectedAccountItems } = usePortalInjectedMenuItems("menu:portal:sidebar:account");
+  const portalHome = orgSlug ? `/${orgSlug}/portal` : "/portal";
+  const loginHref = orgSlug ? `/${orgSlug}/portal/login` : "/portal/login";
+  const signupHref = orgSlug ? `/${orgSlug}/portal/signup` : "/portal/signup";
+  const dashboardHref = orgSlug ? `/${orgSlug}/portal/dashboard` : "/portal/dashboard";
+  const profileHref = orgSlug ? `/${orgSlug}/portal/profile` : "/portal/profile";
+  const headerTitle = orgName || t("portal.title", "Customer Portal");
+  const closeMobile = useCallback(() => setMobileOpen(false), []);
+  const mergedNavItems = useMemo(() => {
+    if (!authenticated) return [];
+    const builtIn = [
+      { id: "portal-dashboard", labelKey: "portal.nav.dashboard", href: dashboardHref }
+    ];
+    return mergeMenuItems(builtIn, injectedMainItems);
+  }, [authenticated, dashboardHref, injectedMainItems]);
+  const mergedAccountItems = useMemo(() => {
+    if (!authenticated) return [];
+    const builtIn = [
+      { id: "portal-profile", labelKey: "portal.nav.profile", href: profileHref }
+    ];
+    return mergeMenuItems(builtIn, injectedAccountItems);
+  }, [authenticated, profileHref, injectedAccountItems]);
+  if (!authenticated) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex min-h-svh flex-col bg-background", "data-portal-handle": PORTAL_SHELL_HANDLE, children: [
+      /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80", "data-portal-handle": PORTAL_HEADER_HANDLE, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-16 w-full max-w-screen-lg items-center justify-between px-6", children: [
+        /* @__PURE__ */ jsxs(Link, { href: portalHome, className: "flex items-center gap-2.5 text-foreground transition hover:opacity-80", "aria-label": headerTitle, children: [
+          /* @__PURE__ */ jsx(Image, { src: "/open-mercato.svg", alt: "", width: 28, height: 28, className: "", priority: true }),
+          /* @__PURE__ */ jsx("span", { className: "text-[15px] font-semibold tracking-tight", children: headerTitle })
+        ] }),
+        /* @__PURE__ */ jsxs("nav", { "aria-label": "Primary", className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "text-[13px]", children: /* @__PURE__ */ jsx(Link, { href: loginHref, children: t("portal.nav.login", "Log In") }) }),
+          /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", className: "rounded-lg text-[13px]", children: /* @__PURE__ */ jsx(Link, { href: signupHref, children: t("portal.nav.signup", "Sign Up") }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("main", { className: "flex-1", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-screen-lg flex-col gap-8 px-6 py-12 sm:py-20", children }) }),
+      /* @__PURE__ */ jsx("footer", { className: "border-t", "data-portal-handle": PORTAL_FOOTER_HANDLE, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-screen-lg items-center justify-between px-6 py-6", children: [
+        /* @__PURE__ */ jsxs(Link, { href: portalHome, className: "flex items-center gap-2 text-muted-foreground transition hover:text-foreground", children: [
+          /* @__PURE__ */ jsx(Image, { src: "/open-mercato.svg", alt: "", width: 20, height: 20, className: "" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: headerTitle })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/60", children: t("portal.footer.copyright", "\xA9 {year} All rights reserved.", { year: (/* @__PURE__ */ new Date()).getFullYear() }) })
+      ] }) })
+    ] });
+  }
+  const sidebarContent = /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", "data-portal-handle": PORTAL_SIDEBAR_HANDLE, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex h-16 items-center gap-2.5 border-b px-5", children: /* @__PURE__ */ jsxs(Link, { href: portalHome, className: "flex items-center gap-2.5 text-foreground transition hover:opacity-80", "aria-label": headerTitle, children: [
+      /* @__PURE__ */ jsx(Image, { src: "/open-mercato.svg", alt: "", width: 22, height: 22, className: "" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[14px] font-semibold tracking-tight truncate", children: headerTitle })
+    ] }) }),
+    /* @__PURE__ */ jsxs("nav", { "aria-label": "Portal navigation", className: "flex-1 overflow-y-auto px-3 py-5", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2 px-3 text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground/50", children: t("portal.nav.home", "Portal") }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: mergedNavItems.map((item) => /* @__PURE__ */ jsx(
+        SidebarNavItem,
+        {
+          item,
+          active: !!item.href && pathname.startsWith(item.href),
+          t,
+          onClick: closeMobile
+        },
+        item.id
+      )) }),
+      mergedAccountItems.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-8", children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-2 px-3 text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground/50", children: t("portal.nav.account", "Account") }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: mergedAccountItems.map((item) => /* @__PURE__ */ jsx(
+          SidebarNavItem,
+          {
+            item,
+            active: !!item.href && pathname.startsWith(item.href),
+            t,
+            onClick: closeMobile
+          },
+          item.id
+        )) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-t px-3 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 rounded-lg px-3 py-2", children: [
+        /* @__PURE__ */ jsx(UserAvatar, { name: userName, className: "size-8" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          userName ? /* @__PURE__ */ jsx("p", { className: "truncate text-[13px] font-medium leading-tight", children: userName }) : /* @__PURE__ */ jsx("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+          userEmail ? /* @__PURE__ */ jsx("p", { className: "truncate text-[11px] text-muted-foreground", children: userEmail }) : /* @__PURE__ */ jsx("div", { className: "mt-1 h-3 w-32 animate-pulse rounded bg-muted" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onLogout,
+          className: "mt-0.5 flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-[13px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          "data-portal-handle": PORTAL_USER_MENU_HANDLE,
+          "data-menu-item-id": "portal-logout",
+          children: [
+            /* @__PURE__ */ jsx(LogOutIcon, { className: "size-4" }),
+            t("portal.nav.logout", "Log Out")
+          ]
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-svh bg-background", "data-portal-handle": PORTAL_SHELL_HANDLE, children: [
+    enableEventBridge ? /* @__PURE__ */ jsx(PortalEventBridgeMount, {}) : null,
+    /* @__PURE__ */ jsx("aside", { className: "hidden w-[240px] shrink-0 border-r lg:block", children: sidebarContent }),
+    mobileOpen ? /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 lg:hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/30 backdrop-blur-sm", onClick: closeMobile }),
+      /* @__PURE__ */ jsxs("aside", { className: "relative z-10 h-full w-[280px] bg-background shadow-2xl", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-4 z-20", children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "sm", type: "button", onClick: closeMobile, "aria-label": "Close menu", children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" }) }) }),
+        sidebarContent
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs("header", { className: "flex h-16 items-center justify-between border-b px-4 lg:px-8", "data-portal-handle": PORTAL_HEADER_HANDLE, children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "sm", type: "button", onClick: () => setMobileOpen(true), className: "lg:hidden", "aria-label": "Open menu", children: /* @__PURE__ */ jsx(MenuIcon, { className: "size-5" }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx(PortalNotificationBell, { t }) })
+      ] }),
+      /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "w-full px-4 py-6 lg:px-8 lg:py-8", children }) }),
+      /* @__PURE__ */ jsx("footer", { className: "border-t px-4 py-4 lg:px-8", "data-portal-handle": PORTAL_FOOTER_HANDLE, children: /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground/50", children: t("portal.footer.copyright", "\xA9 {year} All rights reserved.", { year: (/* @__PURE__ */ new Date()).getFullYear() }) }) })
+    ] })
+  ] });
+}
+var PortalShell_default = PortalShell;
+export {
+  PORTAL_FOOTER_HANDLE,
+  PORTAL_HEADER_HANDLE,
+  PORTAL_SHELL_HANDLE,
+  PORTAL_SIDEBAR_HANDLE,
+  PORTAL_USER_MENU_HANDLE,
+  PortalShell,
+  PortalShell_default as default
+};
+//# sourceMappingURL=PortalShell.js.map