@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/sizing/index.js

@@ -0,0 +1,71 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+
+//#region src/components/sizing/index.ts
+/**
+* Get the CSS class for a given component size
+* Returns undefined if the size is not valid
+*/
+function getComponentSizeClass(size) {
+	return COMPONENT_SIZE_CLASSES[size];
+}
+/**
+* Get the final size class considering both size prop and customSizeClass
+*/
+function getSizeClass(config) {
+	if (config.customSizeClass) return config.customSizeClass;
+	if (config.size) return getComponentSizeClass(config.size);
+}
+/**
+* Type guard to check if a string is a valid ComponentSize
+*/
+function isComponentSize(size) {
+	return Object.values(ComponentSize).includes(size);
+}
+var ComponentSize, WidthCategory, COMPONENT_SIZE_CLASSES;
+var init_sizing = __esmMin(() => {
+	ComponentSize = /* @__PURE__ */ function(ComponentSize$1) {
+		ComponentSize$1["TWO_XL"] = "2xl";
+		ComponentSize$1["THREE_XL"] = "3xl";
+		ComponentSize$1["FOUR_XL"] = "4xl";
+		ComponentSize$1["FIVE_XL"] = "5xl";
+		ComponentSize$1["SIX_XL"] = "6xl";
+		ComponentSize$1["SEVEN_XL"] = "7xl";
+		ComponentSize$1["AUTO"] = "auto";
+		ComponentSize$1["FULL"] = "full";
+		ComponentSize$1["LG"] = "lg";
+		ComponentSize$1["MD"] = "md";
+		ComponentSize$1["SM"] = "sm";
+		ComponentSize$1["XL"] = "xl";
+		ComponentSize$1["XS"] = "xs";
+		return ComponentSize$1;
+	}({});
+	WidthCategory = /* @__PURE__ */ function(WidthCategory$1) {
+		WidthCategory$1["EXTRA_NARROW"] = "extra-narrow";
+		WidthCategory$1["NARROW"] = "narrow";
+		WidthCategory$1["MEDIUM"] = "medium";
+		WidthCategory$1["WIDE"] = "wide";
+		WidthCategory$1["EXTRA_WIDE"] = "extra-wide";
+		WidthCategory$1["RESPONSIVE"] = "responsive";
+		return WidthCategory$1;
+	}({});
+	COMPONENT_SIZE_CLASSES = {
+		[ComponentSize.TWO_XL]: "max-w-2xl",
+		[ComponentSize.THREE_XL]: "max-w-3xl",
+		[ComponentSize.FOUR_XL]: "max-w-4xl",
+		[ComponentSize.FIVE_XL]: "max-w-5xl",
+		[ComponentSize.SIX_XL]: "max-w-6xl",
+		[ComponentSize.SEVEN_XL]: "max-w-7xl",
+		[ComponentSize.AUTO]: "max-w-[calc(100vw-2rem)] sm:max-w-md",
+		[ComponentSize.FULL]: "max-w-full",
+		[ComponentSize.LG]: "max-w-lg",
+		[ComponentSize.MD]: "max-w-md",
+		[ComponentSize.SM]: "max-w-sm",
+		[ComponentSize.XL]: "max-w-xl",
+		[ComponentSize.XS]: "max-w-xs"
+	};
+});
+
+//#endregion
+init_sizing();
+export { COMPONENT_SIZE_CLASSES, ComponentSize, WidthCategory, getComponentSizeClass, getSizeClass, init_sizing, isComponentSize };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/sizing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/sizing/index.ts"],"sourcesContent":["/**\n * Generic size system for UI components\n * Provides consistent sizing across dialogs, wizards, and other components\n */\n\n/**\n * Standard size options using Tailwind CSS conventions\n */\nexport enum ComponentSize {\n  TWO_XL = \"2xl\", // max-w-2xl (42rem / 672px)\n  THREE_XL = \"3xl\", // max-w-3xl (48rem / 768px)\n  FOUR_XL = \"4xl\", // max-w-4xl (56rem / 896px)\n  FIVE_XL = \"5xl\", // max-w-5xl (64rem / 1024px)\n  SIX_XL = \"6xl\", // max-w-6xl (72rem / 1152px)\n  SEVEN_XL = \"7xl\", // max-w-7xl (80rem / 1280px)\n  AUTO = \"auto\", // Responsive auto width\n  FULL = \"full\", // 100%\n  LG = \"lg\", // max-w-lg (32rem / 512px)\n  MD = \"md\", // max-w-md (28rem / 448px)\n  SM = \"sm\", // max-w-sm (24rem / 384px)\n  XL = \"xl\", // max-w-xl (36rem / 576px)\n  XS = \"xs\", // max-w-xs (20rem / 320px)\n}\n\n/**\n * Width categories for components\n */\nexport enum WidthCategory {\n  EXTRA_NARROW = \"extra-narrow\", // xs, sm\n  NARROW = \"narrow\", // md, lg\n  MEDIUM = \"medium\", // xl\n  WIDE = \"wide\", // 2xl, 3xl\n  EXTRA_WIDE = \"extra-wide\", // 4xl, 5xl, 6xl, 7xl\n  RESPONSIVE = \"responsive\", // auto, full\n}\n\n/**\n * Generic size classes mapping that can be used by different components\n * Each component can use the sizes that make sense for its context\n */\nexport const COMPONENT_SIZE_CLASSES = {\n  [ComponentSize.TWO_XL]: \"max-w-2xl\", // 42rem (672px)\n  [ComponentSize.THREE_XL]: \"max-w-3xl\", // 48rem (768px)\n  [ComponentSize.FOUR_XL]: \"max-w-4xl\", // 56rem (896px)\n  [ComponentSize.FIVE_XL]: \"max-w-5xl\", // 64rem (1024px)\n  [ComponentSize.SIX_XL]: \"max-w-6xl\", // 72rem (1152px)\n  [ComponentSize.SEVEN_XL]: \"max-w-7xl\", // 80rem (1280px)\n  [ComponentSize.AUTO]: \"max-w-[calc(100vw-2rem)] sm:max-w-md\", // Responsive auto\n  [ComponentSize.FULL]: \"max-w-full\", // 100%\n  [ComponentSize.LG]: \"max-w-lg\", // 32rem (512px)\n  [ComponentSize.MD]: \"max-w-md\", // 28rem (448px)\n  [ComponentSize.SM]: \"max-w-sm\", // 24rem (384px)\n  [ComponentSize.XL]: \"max-w-xl\", // 36rem (576px)\n  [ComponentSize.XS]: \"max-w-xs\", // 20rem (320px)\n} as const;\n\n/**\n * Helper function to create size-specific props for components\n */\nexport interface SizeConfig {\n  /**\n   * Custom size class that overrides the size prop\n   * Useful when you need a specific size not covered by the standard sizes\n   */\n  customSizeClass?: string;\n  size?: ComponentSize;\n}\n\n/**\n * Get the CSS class for a given component size\n * Returns undefined if the size is not valid\n */\nexport function getComponentSizeClass(size: ComponentSize): string {\n  return COMPONENT_SIZE_CLASSES[size];\n}\n\n/**\n * Get the final size class considering both size prop and customSizeClass\n */\nexport function getSizeClass(config: SizeConfig): string | undefined {\n  if (config.customSizeClass) {\n    return config.customSizeClass;\n  }\n  if (config.size) {\n    return getComponentSizeClass(config.size);\n  }\n  return undefined;\n}\n\n/**\n * Type guard to check if a string is a valid ComponentSize\n */\nexport function isComponentSize(size: string): size is ComponentSize {\n  return Object.values(ComponentSize).includes(size as ComponentSize);\n}\n"],"mappings":";;;;;;;AAwEA,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,uBAAuB;;;;;AAMhC,SAAgB,aAAa,QAAwC;AACnE,KAAI,OAAO,gBACT,QAAO,OAAO;AAEhB,KAAI,OAAO,KACT,QAAO,sBAAsB,OAAO,KAAK;;;;;AAQ7C,SAAgB,gBAAgB,MAAqC;AACnE,QAAO,OAAO,OAAO,cAAc,CAAC,SAAS,KAAsB;;;;CArFzD,0DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;CAMU,0DAAL;AACL;AACA;AACA;AACA;AACA;AACA;;;CAOW,yBAAyB;GACnC,cAAc,SAAS;GACvB,cAAc,WAAW;GACzB,cAAc,UAAU;GACxB,cAAc,UAAU;GACxB,cAAc,SAAS;GACvB,cAAc,WAAW;GACzB,cAAc,OAAO;GACrB,cAAc,OAAO;GACrB,cAAc,KAAK;GACnB,cAAc,KAAK;GACnB,cAAc,KAAK;GACnB,cAAc,KAAK;GACnB,cAAc,KAAK;EACrB"}

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,16 @@
+import { useAccountSubdomain } from "./useAccountSubdomain.js";
+import { useAccountUrl } from "./useAccountUrl.js";
+import { useApiUrl } from "./useApiUrl.js";
+import { useAvatar } from "./useAvatar.js";
+import { useFeatureFlag } from "./useFeatureFlag.js";
+import { useLoginUrl } from "./useLoginUrl.js";
+import { useRegisterUrl } from "./useRegisterUrl.js";
+import { useResetPasswordUrl } from "./useResetPasswordUrl.js";
+import { useMenuItems } from "./useMenuItems.js";
+import { usePluginMeta } from "./usePluginMeta.js";
+import { usePortalMeta } from "./usePortalMeta.js";
+import { usePortalUrl } from "./usePortalUrl.js";
+import { useProtocolDomain } from "./useProtocolDomain.js";
+import { resetGloballyInitialized, useSdk } from "./useSdk.js";
+import { useTheme, useThemeIdAndSetter, withTheme } from "./useTheme.js";
+export { resetGloballyInitialized, useAccountSubdomain, useAccountUrl, useApiUrl, useAvatar, useFeatureFlag, useLoginUrl, useMenuItems, usePluginMeta, usePortalMeta, usePortalUrl, useProtocolDomain, useRegisterUrl, useResetPasswordUrl, useSdk, useTheme, useThemeIdAndSetter, withTheme };

package/dist/esm/hooks/index.js

@@ -0,0 +1,25 @@
+import { init_useAvatar, useAvatar } from "./useAvatar.js";
+import { init_useMenuItems, useMenuItems } from "./useMenuItems.js";
+import { init_usePluginMeta, usePluginMeta } from "./usePluginMeta.js";
+import { init_useTheme, useTheme, useThemeIdAndSetter, withTheme } from "./useTheme.js";
+import { useAccountSubdomain } from "./useAccountSubdomain.js";
+import { useApiUrl } from "./useApiUrl.js";
+import { useAccountUrl } from "./useAccountUrl.js";
+import { usePortalMeta } from "./usePortalMeta.js";
+import { useFeatureFlag } from "./useFeatureFlag.js";
+import { useLoginUrl } from "./useLoginUrl.js";
+import { useRegisterUrl } from "./useRegisterUrl.js";
+import { useResetPasswordUrl } from "./useResetPasswordUrl.js";
+import { usePortalUrl } from "./usePortalUrl.js";
+import { useProtocolDomain } from "./useProtocolDomain.js";
+import { resetGloballyInitialized, useSdk } from "./useSdk.js";
+
+//#region src/hooks/index.ts
+init_useAvatar();
+init_useMenuItems();
+init_usePluginMeta();
+init_useTheme();
+
+//#endregion
+export { resetGloballyInitialized, useAccountSubdomain, useAccountUrl, useApiUrl, useAvatar, useFeatureFlag, useLoginUrl, useMenuItems, usePluginMeta, usePortalMeta, usePortalUrl, useProtocolDomain, useRegisterUrl, useResetPasswordUrl, useSdk, useTheme, useThemeIdAndSetter, withTheme };
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["/**\n * Portal Framework UI Hooks\n * \n * This barrel file exports all hooks from the portal framework UI library.\n * Use this file to import hooks in a centralized way.\n */\n\n// Account and Authentication Hooks\nexport * from './useAccountSubdomain';\nexport * from './useAccountUrl';\nexport * from './useApiUrl';\nexport * from './useAvatar';\nexport * from './useFeatureFlag';\nexport * from './useLoginUrl';\nexport * from './useRegisterUrl';\nexport * from './useResetPasswordUrl';\n\n// Portal and Framework Hooks\nexport * from './useMenuItems';\nexport * from './usePluginMeta';\nexport * from './usePortalMeta';\nexport * from './usePortalUrl';\nexport * from './useProtocolDomain';\nexport * from './useSdk';\n\n// UI State Hooks\nexport * from './useTheme';"],"mappings":""}

package/dist/esm/hooks/useAccountSubdomain.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useAccountSubdomain.d.ts
+declare function useAccountSubdomain(): string;
+//#endregion
+export { useAccountSubdomain };
+//# sourceMappingURL=useAccountSubdomain.d.ts.map

package/dist/esm/hooks/useAccountSubdomain.js

@@ -0,0 +1,12 @@
+import { init_usePluginMeta, usePluginMeta } from "./usePluginMeta.js";
+import { getAccountSubdomain } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/useAccountSubdomain.ts
+init_usePluginMeta();
+function useAccountSubdomain() {
+	return getAccountSubdomain(usePluginMeta("dashboard", "subdomain"));
+}
+
+//#endregion
+export { useAccountSubdomain };
+//# sourceMappingURL=useAccountSubdomain.js.map

package/dist/esm/hooks/useAccountSubdomain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountSubdomain.js","names":[],"sources":["../../../src/hooks/useAccountSubdomain.ts"],"sourcesContent":["import { getAccountSubdomain } from \"@lumeweb/portal-framework-core\";\n\nimport { usePluginMeta } from \"@/hooks/usePluginMeta\";\n\nexport function useAccountSubdomain(): string {\n  const dashboardSubdomain = usePluginMeta<string>(\"dashboard\", \"subdomain\");\n\n  return getAccountSubdomain(dashboardSubdomain);\n}\n"],"mappings":";;;;oBAEsD;AAEtD,SAAgB,sBAA8B;AAG5C,QAAO,oBAFoB,cAAsB,aAAa,YAAY,CAE5B"}

package/dist/esm/hooks/useAccountUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useAccountUrl.d.ts
+declare function useAccountUrl(path: string): string;
+//#endregion
+export { useAccountUrl };
+//# sourceMappingURL=useAccountUrl.d.ts.map

package/dist/esm/hooks/useAccountUrl.js

@@ -0,0 +1,27 @@
+import { useAccountSubdomain } from "./useAccountSubdomain.js";
+import { useApiUrl } from "./useApiUrl.js";
+import { cleanTrailingSlashes, getCurrentLocation } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/useAccountUrl.ts
+const LEADING_SLASHES_REGEX = /^\/+/;
+function useAccountUrl(path) {
+	const accountSubdomain = useAccountSubdomain();
+	const apiUrl = useApiUrl();
+	const { hostname: currentHostname, protocol } = getCurrentLocation();
+	const normalizedPath = `/${String(path ?? "").replace(LEADING_SLASHES_REGEX, "").replace(/\/+$/, "")}`;
+	if (!apiUrl) return normalizedPath;
+	let parsedApiUrl;
+	try {
+		parsedApiUrl = new URL(apiUrl);
+		if (["127.0.0.1", "localhost"].includes(parsedApiUrl.hostname)) return normalizedPath;
+	} catch {
+		return normalizedPath;
+	}
+	let host = cleanTrailingSlashes(accountSubdomain || currentHostname);
+	if (parsedApiUrl && parsedApiUrl.hostname !== accountSubdomain) host = cleanTrailingSlashes(currentHostname);
+	return new URL(normalizedPath, `${protocol}//${host}`).toString();
+}
+
+//#endregion
+export { useAccountUrl };
+//# sourceMappingURL=useAccountUrl.js.map

package/dist/esm/hooks/useAccountUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountUrl.js","names":[],"sources":["../../../src/hooks/useAccountUrl.ts"],"sourcesContent":["import {\n  cleanTrailingSlashes,\n  getCurrentLocation,\n} from \"@lumeweb/portal-framework-core\";\n\nimport { useAccountSubdomain } from \"@/hooks/useAccountSubdomain\";\nimport { useApiUrl } from \"@/hooks/useApiUrl\";\n\nconst LEADING_SLASHES_REGEX = /^\\/+/;\n\nexport function useAccountUrl(path: string) {\n  const accountSubdomain = useAccountSubdomain();\n  const apiUrl = useApiUrl();\n  const { hostname: currentHostname, protocol } = getCurrentLocation();\n\n  const normalizedPath = `/${String(path ?? \"\")\n    .replace(LEADING_SLASHES_REGEX, \"\")\n    .replace(/\\/+$/, \"\")}`;\n\n  if (!apiUrl) {\n    return normalizedPath;\n  }\n\n  let parsedApiUrl: undefined | URL;\n\n  try {\n    parsedApiUrl = new URL(apiUrl);\n    if ([\"127.0.0.1\", \"localhost\"].includes(parsedApiUrl.hostname)) {\n      return normalizedPath;\n    }\n  } catch {\n    return normalizedPath;\n  }\n\n  let host = cleanTrailingSlashes(accountSubdomain || currentHostname);\n\n  // If API URL host doesn't match expected account subdomain, use current host\n  if (parsedApiUrl && parsedApiUrl.hostname !== accountSubdomain) {\n    host = cleanTrailingSlashes(currentHostname);\n  }\n\n  return new URL(normalizedPath, `${protocol}//${host}`).toString();\n}\n"],"mappings":";;;;;AAQA,MAAM,wBAAwB;AAE9B,SAAgB,cAAc,MAAc;CAC1C,MAAM,mBAAmB,qBAAqB;CAC9C,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,UAAU,iBAAiB,aAAa,oBAAoB;CAEpE,MAAM,iBAAiB,IAAI,OAAO,QAAQ,GAAG,CAC1C,QAAQ,uBAAuB,GAAG,CAClC,QAAQ,QAAQ,GAAG;AAEtB,KAAI,CAAC,OACH,QAAO;CAGT,IAAI;AAEJ,KAAI;AACF,iBAAe,IAAI,IAAI,OAAO;AAC9B,MAAI,CAAC,aAAa,YAAY,CAAC,SAAS,aAAa,SAAS,CAC5D,QAAO;SAEH;AACN,SAAO;;CAGT,IAAI,OAAO,qBAAqB,oBAAoB,gBAAgB;AAGpE,KAAI,gBAAgB,aAAa,aAAa,iBAC5C,QAAO,qBAAqB,gBAAgB;AAG9C,QAAO,IAAI,IAAI,gBAAgB,GAAG,SAAS,IAAI,OAAO,CAAC,UAAU"}

package/dist/esm/hooks/useApiUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useApiUrl.d.ts
+declare function useApiUrl(): any;
+//#endregion
+export { useApiUrl };
+//# sourceMappingURL=useApiUrl.d.ts.map

package/dist/esm/hooks/useApiUrl.js

@@ -0,0 +1,14 @@
+import { getApiBaseUrl, useFramework } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/useApiUrl.ts
+function useApiUrl() {
+	const { framework, isLoading } = useFramework();
+	if (!isLoading) return framework?.portalUrl ?? getApiBaseUrl({ allowLocalhost: true });
+	const apiUrl = getApiBaseUrl({ allowLocalhost: true });
+	if (apiUrl === false) return "";
+	return apiUrl;
+}
+
+//#endregion
+export { useApiUrl };
+//# sourceMappingURL=useApiUrl.js.map

package/dist/esm/hooks/useApiUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApiUrl.js","names":[],"sources":["../../../src/hooks/useApiUrl.ts"],"sourcesContent":["import { getApiBaseUrl, useFramework } from \"@lumeweb/portal-framework-core\";\n\nexport function useApiUrl() {\n  const { framework, isLoading } = useFramework();\n\n  if (!isLoading) {\n    return framework?.portalUrl ?? getApiBaseUrl({ allowLocalhost: true });\n  }\n\n  // Use getApiBaseUrl from the core framework.\n  // Pass allowLocalhost: true to enable localhost in dev environments.\n  // preserveSubdomain defaults to respecting VITE_PORTAL_DOMAIN_IS_ROOT.\n  const apiUrl = getApiBaseUrl({ allowLocalhost: true });\n\n  // getApiBaseUrl returns false if localhost is disallowed and the current location is localhost.\n  // Return an empty string in this case, consistent with the previous hook's behavior\n  // for non-string results from useApiUrlBase.\n  if (apiUrl === false) {\n    return \"\";\n  }\n\n  // getApiBaseUrl already handles trailing slashes and normalization.\n  return apiUrl;\n}\n"],"mappings":";;;AAEA,SAAgB,YAAY;CAC1B,MAAM,EAAE,WAAW,cAAc,cAAc;AAE/C,KAAI,CAAC,UACH,QAAO,WAAW,aAAa,cAAc,EAAE,gBAAgB,MAAM,CAAC;CAMxE,MAAM,SAAS,cAAc,EAAE,gBAAgB,MAAM,CAAC;AAKtD,KAAI,WAAW,MACb,QAAO;AAIT,QAAO"}

package/dist/esm/hooks/useAvatar.d.ts

@@ -0,0 +1,10 @@
+//#region src/hooks/useAvatar.d.ts
+interface UseAvatarReturn {
+  avatarUrl: string;
+  displayName: string;
+  isLoading: boolean;
+}
+declare const useAvatar: () => UseAvatarReturn;
+//#endregion
+export { useAvatar };
+//# sourceMappingURL=useAvatar.d.ts.map

package/dist/esm/hooks/useAvatar.js

@@ -0,0 +1,25 @@
+import { __esmMin } from "../_virtual/rolldown_runtime.js";
+import { useGetIdentity } from "@refinedev/core";
+
+//#region src/hooks/useAvatar.ts
+var useAvatar;
+var init_useAvatar = __esmMin(() => {
+	useAvatar = () => {
+		const { data: identity, isLoading } = useGetIdentity();
+		if (isLoading) return {
+			avatarUrl: "/placeholder.svg",
+			displayName: "",
+			isLoading: true
+		};
+		return {
+			avatarUrl: identity?.avatar ? `${identity.avatar}?t=${Date.now()}` : "/placeholder.svg",
+			displayName: `${identity?.firstName || ""} ${identity?.lastName || ""}`.trim(),
+			isLoading: false
+		};
+	};
+});
+
+//#endregion
+init_useAvatar();
+export { init_useAvatar, useAvatar };
+//# sourceMappingURL=useAvatar.js.map

package/dist/esm/hooks/useAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvatar.js","names":[],"sources":["../../../src/hooks/useAvatar.ts"],"sourcesContent":["import type { Identity } from \"@lumeweb/portal-framework-core\";\n\nimport { useGetIdentity } from \"@refinedev/core\";\n\ninterface UseAvatarReturn {\n  avatarUrl: string;\n  displayName: string;\n  isLoading: boolean;\n}\n\nexport const useAvatar = (): UseAvatarReturn => {\n  const { data: identity, isLoading } = useGetIdentity<Identity>();\n\n  if (isLoading) {\n    return {\n      avatarUrl: \"/placeholder.svg\",\n      displayName: \"\",\n      isLoading: true,\n    };\n  }\n\n  const avatarUrl = identity?.avatar\n    ? `${identity.avatar}?t=${Date.now()}`\n    : \"/placeholder.svg\";\n  const displayName =\n    `${identity?.firstName || \"\"} ${identity?.lastName || \"\"}`.trim();\n\n  return {\n    avatarUrl,\n    displayName,\n    isLoading: false,\n  };\n};\n"],"mappings":";;;;;;CAUa,kBAAmC;EAC9C,MAAM,EAAE,MAAM,UAAU,cAAc,gBAA0B;AAEhE,MAAI,UACF,QAAO;GACL,WAAW;GACX,aAAa;GACb,WAAW;GACZ;AASH,SAAO;GACL,WAPgB,UAAU,SACxB,GAAG,SAAS,OAAO,KAAK,KAAK,KAAK,KAClC;GAMF,aAJA,GAAG,UAAU,aAAa,GAAG,GAAG,UAAU,YAAY,KAAK,MAAM;GAKjE,WAAW;GACZ"}

package/dist/esm/hooks/useFeatureFlag.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useFeatureFlag.d.ts
+declare function useFeatureFlag(featureName: string): boolean;
+//#endregion
+export { useFeatureFlag };
+//# sourceMappingURL=useFeatureFlag.d.ts.map

package/dist/esm/hooks/useFeatureFlag.js

@@ -0,0 +1,10 @@
+import { usePortalMeta } from "./usePortalMeta.js";
+
+//#region src/hooks/useFeatureFlag.ts
+function useFeatureFlag(featureName) {
+	return !!usePortalMeta()?.feature_flags?.[featureName.toUpperCase()];
+}
+
+//#endregion
+export { useFeatureFlag };
+//# sourceMappingURL=useFeatureFlag.js.map

package/dist/esm/hooks/useFeatureFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlag.js","names":[],"sources":["../../../src/hooks/useFeatureFlag.ts"],"sourcesContent":["import { usePortalMeta } from \"@/hooks/usePortalMeta\";\n\nexport function useFeatureFlag(featureName: string): boolean {\n  const portalMeta = usePortalMeta();\n  const flagValue = portalMeta?.feature_flags?.[featureName.toUpperCase()];\n  // Convert the value to a boolean: truthy values become true, falsy values become false\n  return !!flagValue;\n}\n"],"mappings":";;;AAEA,SAAgB,eAAe,aAA8B;AAI3D,QAAO,CAAC,CAHW,eAAe,EACJ,gBAAgB,YAAY,aAAa"}

package/dist/esm/hooks/useLoginUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useLoginUrl.d.ts
+declare function useLoginUrl(): string;
+//#endregion
+export { useLoginUrl };
+//# sourceMappingURL=useLoginUrl.d.ts.map

package/dist/esm/hooks/useLoginUrl.js

@@ -0,0 +1,10 @@
+import { useAccountUrl } from "./useAccountUrl.js";
+
+//#region src/hooks/useLoginUrl.ts
+function useLoginUrl() {
+	return useAccountUrl("/login");
+}
+
+//#endregion
+export { useLoginUrl };
+//# sourceMappingURL=useLoginUrl.js.map

package/dist/esm/hooks/useLoginUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoginUrl.js","names":[],"sources":["../../../src/hooks/useLoginUrl.ts"],"sourcesContent":["import { useAccountUrl } from \"@/hooks/useAccountUrl\";\n\nexport function useLoginUrl() {\n  return useAccountUrl(\"/login\");\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc;AAC5B,QAAO,cAAc,SAAS"}

package/dist/esm/hooks/useMenuItems.d.ts

@@ -0,0 +1,10 @@
+//#region src/hooks/useMenuItems.d.ts
+declare function useMenuItems(): {
+  addMenuItem: (item: NavigationItem, parentKey?: string) => void;
+  getMenuItems: () => NavigationItem[];
+  menuItems: NavigationItem[];
+  removeMenuItem: (key: string) => void;
+};
+//#endregion
+export { useMenuItems };
+//# sourceMappingURL=useMenuItems.d.ts.map

package/dist/esm/hooks/useMenuItems.js

@@ -0,0 +1,21 @@
+import { __esmMin } from "../_virtual/rolldown_runtime.js";
+import { init_appStore, useAppStore } from "../store/appStore.js";
+
+//#region src/hooks/useMenuItems.ts
+function useMenuItems() {
+	const menuItems = useAppStore((state) => state.menuItems);
+	return {
+		addMenuItem: useAppStore((state) => state.addMenuItem),
+		getMenuItems: () => menuItems,
+		menuItems,
+		removeMenuItem: useAppStore((state) => state.removeMenuItem)
+	};
+}
+var init_useMenuItems = __esmMin(() => {
+	init_appStore();
+});
+
+//#endregion
+init_useMenuItems();
+export { init_useMenuItems, useMenuItems };
+//# sourceMappingURL=useMenuItems.js.map

package/dist/esm/hooks/useMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuItems.js","names":[],"sources":["../../../src/hooks/useMenuItems.ts"],"sourcesContent":["import { useAppStore } from \"@/store/appStore\";\n\nexport function useMenuItems() {\n  const menuItems = useAppStore((state) => state.menuItems);\n  const addMenuItem = useAppStore((state) => state.addMenuItem);\n  const removeMenuItem = useAppStore((state) => state.removeMenuItem);\n\n  return {\n    addMenuItem,\n    getMenuItems: () => menuItems,\n    menuItems,\n    removeMenuItem,\n  };\n}\n"],"mappings":";;;;AAEA,SAAgB,eAAe;CAC7B,MAAM,YAAY,aAAa,UAAU,MAAM,UAAU;AAIzD,QAAO;EACL,aAJkB,aAAa,UAAU,MAAM,YAAY;EAK3D,oBAAoB;EACpB;EACA,gBANqB,aAAa,UAAU,MAAM,eAAe;EAOlE;;;gBAZ4C"}

package/dist/esm/hooks/usePluginMeta.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/usePluginMeta.d.ts
+declare function usePluginMeta<T = Record<string, unknown>>(pluginName: string, key?: string): T | undefined;
+//#endregion
+export { usePluginMeta };
+//# sourceMappingURL=usePluginMeta.d.ts.map

package/dist/esm/hooks/usePluginMeta.js

@@ -0,0 +1,16 @@
+import { __esmMin } from "../_virtual/rolldown_runtime.js";
+import { init_portalStore, usePortalStore } from "../store/portalStore.js";
+import { getPluginMeta } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/usePluginMeta.ts
+function usePluginMeta(pluginName, key) {
+	return getPluginMeta(usePortalStore((state) => state.meta), pluginName, key);
+}
+var init_usePluginMeta = __esmMin(() => {
+	init_portalStore();
+});
+
+//#endregion
+init_usePluginMeta();
+export { init_usePluginMeta, usePluginMeta };
+//# sourceMappingURL=usePluginMeta.js.map

package/dist/esm/hooks/usePluginMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePluginMeta.js","names":[],"sources":["../../../src/hooks/usePluginMeta.ts"],"sourcesContent":["import { getPluginMeta } from \"@lumeweb/portal-framework-core\";\n\nimport { usePortalStore } from \"../store/portalStore\";\n\nexport function usePluginMeta<T = Record<string, unknown>>(\n  pluginName: string,\n  key?: string,\n): T | undefined {\n  const meta = usePortalStore((state) => state.meta);\n  return getPluginMeta<T>(meta, pluginName, key);\n}\n"],"mappings":";;;;;AAIA,SAAgB,cACd,YACA,KACe;AAEf,QAAO,cADM,gBAAgB,UAAU,MAAM,KAAK,EACpB,YAAY,IAAI;;;mBAPM"}

package/dist/esm/hooks/usePortalMeta.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/usePortalMeta.d.ts
+declare function usePortalMeta(): any;
+//#endregion
+export { usePortalMeta };
+//# sourceMappingURL=usePortalMeta.d.ts.map

package/dist/esm/hooks/usePortalMeta.js

@@ -0,0 +1,11 @@
+import { init_portalStore, usePortalStore } from "../store/portalStore.js";
+
+//#region src/hooks/usePortalMeta.ts
+init_portalStore();
+function usePortalMeta() {
+	return usePortalStore((state) => state.meta);
+}
+
+//#endregion
+export { usePortalMeta };
+//# sourceMappingURL=usePortalMeta.js.map

package/dist/esm/hooks/usePortalMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalMeta.js","names":[],"sources":["../../../src/hooks/usePortalMeta.ts"],"sourcesContent":["import { usePortalStore } from \"@/store/portalStore\";\n\nexport function usePortalMeta() {\n  // This hook now only reads the meta state from the store.\n  // The fetching logic has been moved to usePortalUrl.\n  return usePortalStore((state) => state.meta);\n}\n"],"mappings":";;;kBAAqD;AAErD,SAAgB,gBAAgB;AAG9B,QAAO,gBAAgB,UAAU,MAAM,KAAK"}

package/dist/esm/hooks/usePortalUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/usePortalUrl.d.ts
+declare function usePortalUrl(): string;
+//#endregion
+export { usePortalUrl };
+//# sourceMappingURL=usePortalUrl.d.ts.map

package/dist/esm/hooks/usePortalUrl.js

@@ -0,0 +1,21 @@
+import { init_portalStore, usePortalStore } from "../store/portalStore.js";
+
+//#region src/hooks/usePortalUrl.ts
+init_portalStore();
+function usePortalUrl() {
+	const portalUrl = usePortalStore((state) => state.portalUrl);
+	return isValidUrl(portalUrl) ? portalUrl : `https://${portalUrl}`;
+}
+function isValidUrl(url) {
+	if (!url) return false;
+	try {
+		new URL(url);
+		return true;
+	} catch {
+		return false;
+	}
+}
+
+//#endregion
+export { usePortalUrl };
+//# sourceMappingURL=usePortalUrl.js.map

package/dist/esm/hooks/usePortalUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalUrl.js","names":[],"sources":["../../../src/hooks/usePortalUrl.ts"],"sourcesContent":["import { usePortalStore } from \"@/store/portalStore\";\n\nexport function usePortalUrl(): string {\n  const portalUrl = usePortalStore((state) => state.portalUrl);\n\n  // Ensure valid URL format before returning\n  return isValidUrl(portalUrl) ? portalUrl : `https://${portalUrl}`;\n}\n\n// Helper function to validate URL format\nfunction isValidUrl(url: string): boolean {\n  if (!url) return false;\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n"],"mappings":";;;kBAAqD;AAErD,SAAgB,eAAuB;CACrC,MAAM,YAAY,gBAAgB,UAAU,MAAM,UAAU;AAG5D,QAAO,WAAW,UAAU,GAAG,YAAY,WAAW;;AAIxD,SAAS,WAAW,KAAsB;AACxC,KAAI,CAAC,IAAK,QAAO;AACjB,KAAI;AACF,MAAI,IAAI,IAAI;AACZ,SAAO;SACD;AACN,SAAO"}

package/dist/esm/hooks/useProtocolDomain.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useProtocolDomain.d.ts
+declare function useProtocolDomain(proto: string): string;
+//#endregion
+export { useProtocolDomain };
+//# sourceMappingURL=useProtocolDomain.d.ts.map

package/dist/esm/hooks/useProtocolDomain.js

@@ -0,0 +1,12 @@
+import { usePortalMeta } from "./usePortalMeta.js";
+import { env, getCurrentLocation, getProtocolDomain } from "@lumeweb/portal-framework-core";
+
+//#region src/hooks/useProtocolDomain.ts
+function useProtocolDomain(proto) {
+	usePortalMeta()?.domain || getCurrentLocation().hostname;
+	return getProtocolDomain(proto, { isRootDomain: env.VITE_PORTAL_DOMAIN_IS_ROOT === "true" });
+}
+
+//#endregion
+export { useProtocolDomain };
+//# sourceMappingURL=useProtocolDomain.js.map

package/dist/esm/hooks/useProtocolDomain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProtocolDomain.js","names":[],"sources":["../../../src/hooks/useProtocolDomain.ts"],"sourcesContent":["import {\n  env,\n  getCurrentLocation,\n  getProtocolDomain,\n} from \"@lumeweb/portal-framework-core\";\n\nimport { usePortalMeta } from \"@/hooks/usePortalMeta\";\n\nexport function useProtocolDomain(proto: string): string {\n  const portalMeta = usePortalMeta();\n  const domain = portalMeta?.domain || getCurrentLocation().hostname;\n\n  return getProtocolDomain(proto, {\n    isRootDomain: env.VITE_PORTAL_DOMAIN_IS_ROOT === \"true\",\n  });\n}\n"],"mappings":";;;;AAQA,SAAgB,kBAAkB,OAAuB;AAExC,CADI,eAAe,EACP,UAAU,oBAAoB,CAAC;AAE1D,QAAO,kBAAkB,OAAO,EAC9B,cAAc,IAAI,+BAA+B,QAClD,CAAC"}

package/dist/esm/hooks/useRegisterUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useRegisterUrl.d.ts
+declare function useRegisterUrl(): string;
+//#endregion
+export { useRegisterUrl };
+//# sourceMappingURL=useRegisterUrl.d.ts.map

package/dist/esm/hooks/useRegisterUrl.js

@@ -0,0 +1,10 @@
+import { useAccountUrl } from "./useAccountUrl.js";
+
+//#region src/hooks/useRegisterUrl.ts
+function useRegisterUrl() {
+	return useAccountUrl("/register");
+}
+
+//#endregion
+export { useRegisterUrl };
+//# sourceMappingURL=useRegisterUrl.js.map

package/dist/esm/hooks/useRegisterUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterUrl.js","names":[],"sources":["../../../src/hooks/useRegisterUrl.ts"],"sourcesContent":["import { useAccountUrl } from \"@/hooks/useAccountUrl\";\n\nexport function useRegisterUrl() {\n  return useAccountUrl(\"/register\");\n}\n"],"mappings":";;;AAEA,SAAgB,iBAAiB;AAC/B,QAAO,cAAc,YAAY"}

package/dist/esm/hooks/useResetPasswordUrl.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useResetPasswordUrl.d.ts
+declare function useResetPasswordUrl(): string;
+//#endregion
+export { useResetPasswordUrl };
+//# sourceMappingURL=useResetPasswordUrl.d.ts.map

package/dist/esm/hooks/useResetPasswordUrl.js

@@ -0,0 +1,10 @@
+import { useAccountUrl } from "./useAccountUrl.js";
+
+//#region src/hooks/useResetPasswordUrl.ts
+function useResetPasswordUrl() {
+	return useAccountUrl("/reset-password");
+}
+
+//#endregion
+export { useResetPasswordUrl };
+//# sourceMappingURL=useResetPasswordUrl.js.map

package/dist/esm/hooks/useResetPasswordUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResetPasswordUrl.js","names":[],"sources":["../../../src/hooks/useResetPasswordUrl.ts"],"sourcesContent":["import { useAccountUrl } from \"@/hooks/useAccountUrl\";\n\nexport function useResetPasswordUrl() {\n  return useAccountUrl(\"/reset-password\");\n}\n"],"mappings":";;;AAEA,SAAgB,sBAAsB;AACpC,QAAO,cAAc,kBAAkB"}

package/dist/esm/hooks/useSdk.d.ts

@@ -0,0 +1,8 @@
+import { Sdk } from "@lumeweb/portal-sdk";
+
+//#region src/hooks/useSdk.d.ts
+declare const resetGloballyInitialized: () => void;
+declare function useSdk(): Sdk | null;
+//#endregion
+export { resetGloballyInitialized, useSdk };
+//# sourceMappingURL=useSdk.d.ts.map

package/dist/esm/hooks/useSdk.js

@@ -0,0 +1,34 @@
+import { init_portalStore, usePortalActions, usePortalStore } from "../store/portalStore.js";
+import { useApiUrl } from "./useApiUrl.js";
+import { useEffect, useRef } from "react";
+import { Sdk } from "@lumeweb/portal-sdk";
+
+//#region src/hooks/useSdk.ts
+init_portalStore();
+let isGloballyInitialized = false;
+const resetGloballyInitialized = () => {
+	isGloballyInitialized = false;
+};
+function useSdk() {
+	const apiUrl = useApiUrl();
+	const { sdk } = usePortalStore((state) => ({ sdk: state.sdk }));
+	const { setSdk } = usePortalActions();
+	const initializationAttempted = useRef(false);
+	useEffect(() => {
+		if (apiUrl && !isGloballyInitialized && !initializationAttempted.current) {
+			initializationAttempted.current = true;
+			const initializeSdk = () => {
+				if (!isGloballyInitialized) {
+					isGloballyInitialized = true;
+					setSdk(new Sdk(apiUrl));
+				}
+			};
+			initializeSdk();
+		}
+	}, [apiUrl, setSdk]);
+	return sdk;
+}
+
+//#endregion
+export { resetGloballyInitialized, useSdk };
+//# sourceMappingURL=useSdk.js.map

package/dist/esm/hooks/useSdk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSdk.js","names":[],"sources":["../../../src/hooks/useSdk.ts"],"sourcesContent":["import { Sdk } from \"@lumeweb/portal-sdk\";\nimport { useEffect, useRef } from \"react\";\n\nimport { useApiUrl } from \"@/hooks/useApiUrl\"; // Import the updated useApiUrl hook\nimport { usePortalActions, usePortalStore } from \"@/store/portalStore\";\n\n// Global flag to ensure SDK is initialized only once across all instances\nlet isGloballyInitialized = false;\n\n// For testing purposes only\nexport const resetGloballyInitialized = () => {\n  isGloballyInitialized = false;\n};\n\nexport function useSdk() {\n  // Use the useApiUrl hook to get the API base URL\n  const apiUrl = useApiUrl();\n  const { sdk } = usePortalStore((state) => ({\n    sdk: state.sdk,\n  }));\n  const { setSdk } = usePortalActions();\n  const initializationAttempted = useRef(false);\n\n  useEffect(() => {\n    // Initialize SDK only when apiUrl is available (non-empty string)\n    if (apiUrl && !isGloballyInitialized && !initializationAttempted.current) {\n      initializationAttempted.current = true;\n      const initializeSdk = () => {\n        if (!isGloballyInitialized) {\n          isGloballyInitialized = true;\n          // Pass the determined apiUrl to the Sdk constructor\n          const newSdk = new Sdk(apiUrl);\n          setSdk(newSdk);\n        }\n      };\n\n      initializeSdk();\n    }\n  }, [apiUrl, setSdk]); // Update dependency array to depend on apiUrl\n\n  return sdk;\n}\n"],"mappings":";;;;;;kBAIuE;AAGvE,IAAI,wBAAwB;AAG5B,MAAa,iCAAiC;AAC5C,yBAAwB;;AAG1B,SAAgB,SAAS;CAEvB,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,QAAQ,gBAAgB,WAAW,EACzC,KAAK,MAAM,KACZ,EAAE;CACH,MAAM,EAAE,WAAW,kBAAkB;CACrC,MAAM,0BAA0B,OAAO,MAAM;AAE7C,iBAAgB;AAEd,MAAI,UAAU,CAAC,yBAAyB,CAAC,wBAAwB,SAAS;AACxE,2BAAwB,UAAU;GAClC,MAAM,sBAAsB;AAC1B,QAAI,CAAC,uBAAuB;AAC1B,6BAAwB;AAGxB,YADe,IAAI,IAAI,OAAO,CAChB;;;AAIlB,kBAAe;;IAEhB,CAAC,QAAQ,OAAO,CAAC;AAEpB,QAAO"}

package/dist/esm/hooks/useTheme.d.ts

@@ -0,0 +1,42 @@
+import { Theme } from "../types/theme.js";
+import React from "react";
+
+//#region src/hooks/useTheme.d.ts
+
+/**
+ * Higher-Order Component (HoC) for managing theme application at the root level.
+ *
+ * This HoC is used to control the theme for the Root component, ensuring proper
+ * theme management throughout the application. It's an alternative to using
+ * React Context, which is the current best practice, but we've chosen a different
+ * approach here with global state management.
+ *
+ * Wrapping a component in this HoC will ensure that the theme is applied to the
+ * <html> element of the page, so this HoC should be used for the Root component
+ * only.
+ *
+ * The HoC:
+ * 1. Retrieves the current theme ID from the global app store using useThemeIdAndSetter.
+ * 2. Retrieves the list of available themes from plugin metadata using usePluginMeta.
+ * 3. Uses an effect to find the selected or default theme and apply it using the utility function.
+ * 4. Wraps the provided component, passing through all props.
+ *
+ * @param Component - The React component to be wrapped.
+ * @returns A new component with theme management capabilities.
+ */
+/**
+ * Hook to get the currently selected theme ID and the setter function.
+ * This hook directly uses the UI store.
+ */
+declare const useThemeIdAndSetter: () => {
+  setTheme: (theme: string) => void;
+  theme: string;
+};
+/**
+ * Hook to get the full Theme object based on the selected theme ID and available themes from meta.
+ */
+declare const useTheme: () => Theme | undefined;
+declare const withTheme: <P extends object>(Component: React.ComponentType<P>) => (props: P) => any;
+//#endregion
+export { useTheme, useThemeIdAndSetter, withTheme };
+//# sourceMappingURL=useTheme.d.ts.map