);
}
function classNames(...classes: (string | boolean | undefined)[]): string {
return classes.filter(Boolean).join(" ");
}
type StoreLocaleEntry = { code: string; name: string; is_default: boolean };
function isLocalePanelDefaultOption(opt: StoreLocaleEntry): boolean {
if (!String(opt.code ?? "").trim()) return true;
return String(opt.name ?? "").trim().toLowerCase() === "default";
}
function storeLocaleRowMatchesUiLocale(opt: StoreLocaleEntry, uiLocale: LocaleCode): boolean {
const c = String(opt.code ?? "").trim();
if (c === uiLocale) return true;
return mapApiCodeToLocaleCode(c) === uiLocale;
}
function isStoreLocaleRowActive(opt: StoreLocaleEntry, list: StoreLocaleEntry[], uiLocale: LocaleCode): boolean {
const sameUi = list.filter((o) => storeLocaleRowMatchesUiLocale(o, uiLocale));
const listMatchesStored = sameUi.length > 0;
if (listMatchesStored) {
if (!storeLocaleRowMatchesUiLocale(opt, uiLocale)) return false;
if (sameUi.length <= 1) return true;
const defaultSibling = sameUi.find((o) => o.is_default);
if (defaultSibling) return opt.code === defaultSibling.code;
return opt.code === sameUi[0]!.code;
}
const defaults = list.filter((o) => o.is_default);
if (defaults.length === 0) return false;
if (defaults.length === 1) return opt.code === defaults[0]!.code;
return opt.is_default;
}
/** Trigger label: API `name` for the active list row, else raw tag / UI locale. */
function localeSwitcherTriggerLabel(list: StoreLocaleEntry[], uiLocale: LocaleCode): string {
const raw = getStoredLocaleRaw();
const rawTrim = raw != null && String(raw).trim() ? String(raw).trim() : null;
if (list.length > 0) {
const activeRow = list.find((opt) => isStoreLocaleRowActive(opt, list, uiLocale));
if (activeRow) {
const display = String(activeRow.name ?? "").trim();
return display || String(activeRow.code ?? "").trim();
}
if (rawTrim) {
const byRaw = list.find((o) => String(o.code ?? "").trim() === rawTrim);
if (byRaw) {
const display = String(byRaw.name ?? "").trim();
return display || rawTrim;
}
}
}
return (rawTrim ?? uiLocale).trim();
}
function LocaleCaretIcon() {
return (
);
}
type LocaleSwitcherPanelProps = {
uiLocale: LocaleCode;
open: boolean;
onToggle: () => void;
containerRef: React.RefObject
{open && localeConfigReady && menuFixedStyle && (
)}
);
}
type User = {
name?: string;
fullName?: string;
first_name?: string;
last_name?: string;
image_url?: string;
company_business_name?: string;
token?: string;
email?: string;
} | null;
function getCookieUser(): User | null {
if (typeof document === "undefined") return null;
const cookieNames = ["currentUser", "biomket_user", "biomketUser"];
for (const name of cookieNames) {
const key = `${name}=`;
const part = document.cookie
.split("; ")
.find((row) => row.startsWith(key));
if (!part) continue;
try {
const rawValue = decodeURIComponent(part.slice(key.length));
return rawValue ? (JSON.parse(rawValue) as User) : null;
} catch {
continue;
}
}
return null;
}
function getStoredUser(): User | null {
if (typeof window === "undefined") return null;
try {
const raw = localStorage.getItem("currentUser");
const localUser = raw ? (JSON.parse(raw) as User) : null;
const cookieUser = getCookieUser();
if (!localUser && !cookieUser) return null;
return {
...cookieUser,
...localUser,
image_url: localUser?.image_url || cookieUser?.image_url,
company_business_name: localUser?.company_business_name || cookieUser?.company_business_name,
};
} catch {
return null;
}
}
function getDisplayName(user: User): string {
if (!user) return "User";
const fullName = user.fullName || (user.first_name || user.last_name ? (user.first_name || "") + " " + (user.last_name || "") : "");
return (fullName.trim() || user.name || "User").trim() || "User";
}
function getProfileAvatarSrc(user: User): string {
const directAvatar =
String(
user?.image_url ??
""
).trim();
if (directAvatar) return directAvatar;
const name = String(
`${user?.first_name || ""} ${user?.last_name || ""}`.trim() ||
user?.company_business_name ||
"User"
).trim();
return `https://ui-avatars.com/api/?name=${encodeURIComponent(name)}&background=053F31&color=ffffff&size=256`;
}
interface NavbarData {
page: {
sections: {
id: string;
name: string;
key: string;
position: number;
components: {
instance: {
data: any;
};
}[];
}[];
};
}
export default function Navbar() {
const router = useRouter();
const [user, setUser] = useState
{storeLocales.map((opt) => {
const rowKey = String(opt.code ?? "").trim() || `default-${opt.name}`;
const active = isStoreLocaleRowActive(opt, storeLocales, uiLocale);
return (
);
})}
{navbarData &&
{({ open }) => (
<>
Open main menu
{!open && (
)}
}
{logoUrl ? (
) : null}
{navItems.map((item: any, idx: number) => {
const href = item.link || item.href || "/";
const name = item.name || item.title || `Menu ${idx}`;
const isActive = href === "/" ? pathname === "/" : (pathname === href || pathname.startsWith(href + "/"));
return (
{name}
);
})}
{
{isLoggedIn ? (
setProfileLocaleMenuOpen((o) => !o)}
containerRef={profileLocaleRef}
applyLocale={applyProfileLocale}
languageListboxAriaLabel={languageListboxAriaLabel}
rowAlignClass="items-end"
panelPosition="end"
panelMatchTrigger
/>
) : (
setLocaleMenuOpen((o) => !o)}
containerRef={localeDesktopRef}
applyLocale={applyGuestLocale}
languageListboxAriaLabel={languageListboxAriaLabel}
rowAlignClass="items-end"
panelPosition="end"
/>
{Array.isArray(authItems) &&
authItems.map((item: any, idx: number) => (
{item.title}
{idx < authItems.length - 1 && |}
))}
)}
}
{showProfileMenuTrigger ? (
) : null}
{dropdownOpen && showProfileMenuTrigger && (
)}
setDropdownOpen(false)} className="flex items-center gap-[10px] font-semibold text-[#000000] hover:text-[#053F31] transition-colors">
{logoUrl ? (
) : null}
{/* {logoUrl ? : null} */}
{navItems.map((item: any, idx: number) => {
const href = item.link || item.href || "/";
const name = item.name || item.title || `Menu ${idx}`;
const isActive = href === "/" ? pathname === "/" : (pathname === href || pathname.startsWith(href + "/"));
return (
{name}
);
})}
{isLoggedIn ? (
setProfileLocaleMenuOpen((o) => !o)}
containerRef={profileLocaleMobileRef}
applyLocale={applyProfileLocale}
languageListboxAriaLabel={languageListboxAriaLabel}
rowAlignClass="items-center"
panelPosition="center"
panelMatchTrigger
/>
{showProfileMenuTrigger ? (
) : null}
{dropdownOpen && showProfileMenuTrigger && (
)}
) : (
{Array.isArray(authItems) &&
authItems.map((item: any, idx: number) => (
{item.title}
))}
setLocaleMenuOpen((o) => !o)}
containerRef={localeMobileRef}
applyLocale={applyGuestLocale}
languageListboxAriaLabel={languageListboxAriaLabel}
rowAlignClass="items-center"
panelPosition="center"
/>
)}