@fluid-app/portal-sdk 0.1.80 → 0.1.81

package/dist/{use-current-user-C2A379kM.cjs.map → use-current-user-B_BV-XL3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-current-user-C2A379kM.cjs","names":["useFluidAuthContext","useFluidApi"],"sources":["../src/hooks/query-keys.ts","../src/hooks/use-current-user.ts"],"sourcesContent":["/**\n * Company-scoped query key factory for TanStack Query.\n *\n * All portal SDK query keys are prefixed with [\"company\", companyId, ...]\n * so that switching companies naturally invalidates the entire cache scope.\n *\n * The exported `*_QUERY_KEY` constants (e.g. PROFILE_QUERY_KEY) remain as\n * backwards-compatible base keys. The runtime keys used by hooks include the\n * company prefix via {@link createCompanyQueryKey}.\n */\n\nimport { useCallback, useRef } from \"react\";\nimport { useFluidAuthContext } from \"../providers/FluidAuthProvider\";\n\n/**\n * Create a company-scoped query key by prepending [\"company\", companyId].\n *\n * @param companyId - The company ID from the JWT payload\n * @param baseKey - The base query key segments (e.g. [\"fluid\", \"profile\"])\n * @returns A tuple like [\"company\", 42, \"fluid\", \"profile\"]\n *\n * @example\n * ```ts\n * const key = createCompanyQueryKey(42, \"fluid\", \"profile\");\n * // => [\"company\", 42, \"fluid\", \"profile\"]\n * ```\n */\nexport function createCompanyQueryKey(\n  companyId: number,\n  ...baseKey: readonly string[]\n): readonly [\"company\", number, ...string[]] {\n  return [\"company\", companyId, ...baseKey] as const;\n}\n\n/**\n * Hook that returns a `scopeKey` function bound to the current company ID\n * from the auth context. If the user is not authenticated or has no\n * company_id, the base key is returned unscoped (graceful degradation).\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { scopeKey } = useCompanyScopedQueryKey();\n *   const queryKey = scopeKey(PROFILE_QUERY_KEY);\n *   // => [\"company\", 42, \"fluid\", \"profile\"]  (when authenticated)\n *   // => [\"fluid\", \"profile\"]                  (fallback)\n * }\n * ```\n */\nexport function useCompanyScopedQueryKey(): {\n  readonly companyId: number | undefined;\n  readonly scopeKey: <T extends readonly string[]>(\n    baseKey: T,\n  ) => readonly (string | number)[];\n} {\n  const auth = useFluidAuthContext();\n  const companyId = auth.user?.company_id;\n\n  // Warn (once per component instance) when an authenticated user has no\n  // company_id. This is a security-relevant condition: unscoped keys allow\n  // cross-company cache collisions. The warning fires in all environments\n  // so that it's visible in production logs if a misconfigured JWT is issued.\n  const hasWarnedRef = useRef(false);\n  if (auth.isAuthenticated && companyId == null && !hasWarnedRef.current) {\n    hasWarnedRef.current = true;\n    console.warn(\n      \"[portal-sdk] Authenticated user has no company_id in JWT. \" +\n        \"Query keys will fall back to unscoped keys, which may cause \" +\n        \"cross-company cache collisions. Ensure the JWT includes company_id.\",\n    );\n  }\n\n  const scopeKey = useCallback(\n    <T extends readonly string[]>(baseKey: T): readonly (string | number)[] => {\n      if (companyId != null) {\n        return createCompanyQueryKey(companyId, ...baseKey);\n      }\n      return baseKey;\n    },\n    [companyId],\n  );\n\n  return { companyId, scopeKey } as const;\n}\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useFluidApi } from \"./use-fluid-api\";\nimport { useCompanyScopedQueryKey } from \"./query-keys\";\nimport type { UserMe } from \"../types/rep\";\n\n/**\n * Base query key for current user data.\n * Kept for backwards compatibility — the runtime key used by the hook\n * includes a company prefix via {@link useCompanyScopedQueryKey}.\n */\nexport const CURRENT_USER_QUERY_KEY = [\"fluid\", \"currentUser\"] as const;\n\n/**\n * Hook to fetch the currently authenticated user's full profile.\n * Returns company, country, and other fields from GET /api/me.\n *\n * @example\n * ```tsx\n * function ShopPage() {\n *   const { data: user, isLoading } = useCurrentUser();\n *   const subdomain = user?.company?.subdomain;\n *   const countryIso = user?.country?.iso ?? \"US\";\n *   // ...\n * }\n * ```\n */\nexport function useCurrentUser(): UseQueryResult<UserMe> {\n  const api = useFluidApi();\n  const { scopeKey } = useCompanyScopedQueryKey();\n\n  return useQuery({\n    queryKey: scopeKey(CURRENT_USER_QUERY_KEY),\n    queryFn: () => api.users.me(),\n    staleTime: 5 * 60 * 1000,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,sBACd,WACA,GAAG,SACwC;AAC3C,QAAO;EAAC;EAAW;EAAW,GAAG;EAAQ;;;;;;;;;;;;;;;;;AAkB3C,SAAgB,2BAKd;CACA,MAAM,OAAOA,sBAAAA,qBAAqB;CAClC,MAAM,YAAY,KAAK,MAAM;CAM7B,MAAM,gBAAA,GAAA,MAAA,QAAsB,MAAM;AAClC,KAAI,KAAK,mBAAmB,aAAa,QAAQ,CAAC,aAAa,SAAS;AACtE,eAAa,UAAU;AACvB,UAAQ,KACN,4LAGD;;AAaH,QAAO;EAAE;EAAW,WAAA,GAAA,MAAA,cATY,YAA6C;AACzE,OAAI,aAAa,KACf,QAAO,sBAAsB,WAAW,GAAG,QAAQ;AAErD,UAAO;KAET,CAAC,UAAU,CACZ;EAE6B;;;;;;;;;ACxEhC,MAAa,yBAAyB,CAAC,SAAS,cAAc;;;;;;;;;;;;;;;AAgB9D,SAAgB,iBAAyC;CACvD,MAAM,MAAMC,sBAAAA,aAAa;CACzB,MAAM,EAAE,aAAa,0BAA0B;AAE/C,SAAA,GAAA,sBAAA,UAAgB;EACd,UAAU,SAAS,uBAAuB;EAC1C,eAAe,IAAI,MAAM,IAAI;EAC7B,WAAW,MAAS;EACrB,CAAC"}
+{"version":3,"file":"use-current-user-B_BV-XL3.cjs","names":["useFluidAuthContext","useFluidApi"],"sources":["../src/hooks/query-keys.ts","../src/hooks/use-current-user.ts"],"sourcesContent":["/**\n * Company-scoped query key factory for TanStack Query.\n *\n * All portal SDK query keys are prefixed with [\"company\", companyId, ...]\n * so that switching companies naturally invalidates the entire cache scope.\n *\n * The exported `*_QUERY_KEY` constants (e.g. PROFILE_QUERY_KEY) remain as\n * backwards-compatible base keys. The runtime keys used by hooks include the\n * company prefix via {@link createCompanyQueryKey}.\n */\n\nimport { useCallback, useRef } from \"react\";\nimport { useFluidAuthContext } from \"../providers/FluidAuthProvider\";\n\n/**\n * Create a company-scoped query key by prepending [\"company\", companyId].\n *\n * @param companyId - The company ID from the JWT payload\n * @param baseKey - The base query key segments (e.g. [\"fluid\", \"profile\"])\n * @returns A tuple like [\"company\", 42, \"fluid\", \"profile\"]\n *\n * @example\n * ```ts\n * const key = createCompanyQueryKey(42, \"fluid\", \"profile\");\n * // => [\"company\", 42, \"fluid\", \"profile\"]\n * ```\n */\nexport function createCompanyQueryKey(\n  companyId: number,\n  ...baseKey: readonly string[]\n): readonly [\"company\", number, ...string[]] {\n  return [\"company\", companyId, ...baseKey] as const;\n}\n\n/**\n * Hook that returns a `scopeKey` function bound to the current company ID\n * from the auth context. If the user is not authenticated or has no\n * company_id, the base key is returned unscoped (graceful degradation).\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { scopeKey } = useCompanyScopedQueryKey();\n *   const queryKey = scopeKey(PROFILE_QUERY_KEY);\n *   // => [\"company\", 42, \"fluid\", \"profile\"]  (when authenticated)\n *   // => [\"fluid\", \"profile\"]                  (fallback)\n * }\n * ```\n */\nexport function useCompanyScopedQueryKey(): {\n  readonly companyId: number | undefined;\n  readonly scopeKey: <T extends readonly string[]>(\n    baseKey: T,\n  ) => readonly (string | number)[];\n} {\n  const auth = useFluidAuthContext();\n  const companyId = auth.user?.company_id;\n\n  // Warn (once per component instance) when an authenticated user has no\n  // company_id. This is a security-relevant condition: unscoped keys allow\n  // cross-company cache collisions. The warning fires in all environments\n  // so that it's visible in production logs if a misconfigured JWT is issued.\n  const hasWarnedRef = useRef(false);\n  if (auth.isAuthenticated && companyId == null && !hasWarnedRef.current) {\n    hasWarnedRef.current = true;\n    console.warn(\n      \"[portal-sdk] Authenticated user has no company_id in JWT. \" +\n        \"Query keys will fall back to unscoped keys, which may cause \" +\n        \"cross-company cache collisions. Ensure the JWT includes company_id.\",\n    );\n  }\n\n  const scopeKey = useCallback(\n    <T extends readonly string[]>(baseKey: T): readonly (string | number)[] => {\n      if (companyId != null) {\n        return createCompanyQueryKey(companyId, ...baseKey);\n      }\n      return baseKey;\n    },\n    [companyId],\n  );\n\n  return { companyId, scopeKey } as const;\n}\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useFluidApi } from \"./use-fluid-api\";\nimport { useCompanyScopedQueryKey } from \"./query-keys\";\nimport type { UserMe } from \"../types/rep\";\n\n/**\n * Base query key for current user data.\n * Kept for backwards compatibility — the runtime key used by the hook\n * includes a company prefix via {@link useCompanyScopedQueryKey}.\n */\nexport const CURRENT_USER_QUERY_KEY = [\"fluid\", \"currentUser\"] as const;\n\n/**\n * Hook to fetch the currently authenticated user's full profile.\n * Returns company, country, and other fields from GET /api/me.\n *\n * @example\n * ```tsx\n * function ShopPage() {\n *   const { data: user, isLoading } = useCurrentUser();\n *   const subdomain = user?.company?.subdomain;\n *   const countryIso = user?.country?.iso ?? \"US\";\n *   // ...\n * }\n * ```\n */\nexport function useCurrentUser(): UseQueryResult<UserMe> {\n  const api = useFluidApi();\n  const { scopeKey } = useCompanyScopedQueryKey();\n\n  return useQuery({\n    queryKey: scopeKey(CURRENT_USER_QUERY_KEY),\n    queryFn: () => api.users.me(),\n    staleTime: 5 * 60 * 1000,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,sBACd,WACA,GAAG,SACwC;AAC3C,QAAO;EAAC;EAAW;EAAW,GAAG;EAAQ;;;;;;;;;;;;;;;;;AAkB3C,SAAgB,2BAKd;CACA,MAAM,OAAOA,sBAAAA,qBAAqB;CAClC,MAAM,YAAY,KAAK,MAAM;CAM7B,MAAM,gBAAA,GAAA,MAAA,QAAsB,MAAM;AAClC,KAAI,KAAK,mBAAmB,aAAa,QAAQ,CAAC,aAAa,SAAS;AACtE,eAAa,UAAU;AACvB,UAAQ,KACN,4LAGD;;AAaH,QAAO;EAAE;EAAW,WAAA,GAAA,MAAA,cATY,YAA6C;AACzE,OAAI,aAAa,KACf,QAAO,sBAAsB,WAAW,GAAG,QAAQ;AAErD,UAAO;KAET,CAAC,UAAU,CACZ;EAE6B;;;;;;;;;ACxEhC,MAAa,yBAAyB,CAAC,SAAS,cAAc;;;;;;;;;;;;;;;AAgB9D,SAAgB,iBAAyC;CACvD,MAAM,MAAMC,sBAAAA,aAAa;CACzB,MAAM,EAAE,aAAa,0BAA0B;AAE/C,SAAA,GAAA,sBAAA,UAAgB;EACd,UAAU,SAAS,uBAAuB;EAC1C,eAAe,IAAI,MAAM,IAAI;EAC7B,WAAW,MAAS;EACrB,CAAC"}

package/dist/{use-current-user-BUXtOeFz.mjs → use-current-user-DIkhY-Or.mjs}

@@ -1,5 +1,5 @@
-import { l as useFluidAuthContext } from "./FluidProvider-C4OAgBdt.mjs";
-import { t as useFluidApi } from "./use-fluid-api-BwYwsyDl.mjs";
+import { l as useFluidAuthContext } from "./FluidProvider-aDOk1vw3.mjs";
+import { t as useFluidApi } from "./use-fluid-api-DDS0EZdY.mjs";
 import { useCallback, useRef } from "react";
 import { useQuery } from "@tanstack/react-query";
 //#region src/hooks/query-keys.ts
@@ -98,4 +98,4 @@ function useCurrentUser() {
 //#endregion
 export { useCompanyScopedQueryKey as i, useCurrentUser as n, createCompanyQueryKey as r, CURRENT_USER_QUERY_KEY as t };
 
-//# sourceMappingURL=use-current-user-BUXtOeFz.mjs.map
+//# sourceMappingURL=use-current-user-DIkhY-Or.mjs.map

package/dist/{use-current-user-BUXtOeFz.mjs.map → use-current-user-DIkhY-Or.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-current-user-BUXtOeFz.mjs","names":[],"sources":["../src/hooks/query-keys.ts","../src/hooks/use-current-user.ts"],"sourcesContent":["/**\n * Company-scoped query key factory for TanStack Query.\n *\n * All portal SDK query keys are prefixed with [\"company\", companyId, ...]\n * so that switching companies naturally invalidates the entire cache scope.\n *\n * The exported `*_QUERY_KEY` constants (e.g. PROFILE_QUERY_KEY) remain as\n * backwards-compatible base keys. The runtime keys used by hooks include the\n * company prefix via {@link createCompanyQueryKey}.\n */\n\nimport { useCallback, useRef } from \"react\";\nimport { useFluidAuthContext } from \"../providers/FluidAuthProvider\";\n\n/**\n * Create a company-scoped query key by prepending [\"company\", companyId].\n *\n * @param companyId - The company ID from the JWT payload\n * @param baseKey - The base query key segments (e.g. [\"fluid\", \"profile\"])\n * @returns A tuple like [\"company\", 42, \"fluid\", \"profile\"]\n *\n * @example\n * ```ts\n * const key = createCompanyQueryKey(42, \"fluid\", \"profile\");\n * // => [\"company\", 42, \"fluid\", \"profile\"]\n * ```\n */\nexport function createCompanyQueryKey(\n  companyId: number,\n  ...baseKey: readonly string[]\n): readonly [\"company\", number, ...string[]] {\n  return [\"company\", companyId, ...baseKey] as const;\n}\n\n/**\n * Hook that returns a `scopeKey` function bound to the current company ID\n * from the auth context. If the user is not authenticated or has no\n * company_id, the base key is returned unscoped (graceful degradation).\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { scopeKey } = useCompanyScopedQueryKey();\n *   const queryKey = scopeKey(PROFILE_QUERY_KEY);\n *   // => [\"company\", 42, \"fluid\", \"profile\"]  (when authenticated)\n *   // => [\"fluid\", \"profile\"]                  (fallback)\n * }\n * ```\n */\nexport function useCompanyScopedQueryKey(): {\n  readonly companyId: number | undefined;\n  readonly scopeKey: <T extends readonly string[]>(\n    baseKey: T,\n  ) => readonly (string | number)[];\n} {\n  const auth = useFluidAuthContext();\n  const companyId = auth.user?.company_id;\n\n  // Warn (once per component instance) when an authenticated user has no\n  // company_id. This is a security-relevant condition: unscoped keys allow\n  // cross-company cache collisions. The warning fires in all environments\n  // so that it's visible in production logs if a misconfigured JWT is issued.\n  const hasWarnedRef = useRef(false);\n  if (auth.isAuthenticated && companyId == null && !hasWarnedRef.current) {\n    hasWarnedRef.current = true;\n    console.warn(\n      \"[portal-sdk] Authenticated user has no company_id in JWT. \" +\n        \"Query keys will fall back to unscoped keys, which may cause \" +\n        \"cross-company cache collisions. Ensure the JWT includes company_id.\",\n    );\n  }\n\n  const scopeKey = useCallback(\n    <T extends readonly string[]>(baseKey: T): readonly (string | number)[] => {\n      if (companyId != null) {\n        return createCompanyQueryKey(companyId, ...baseKey);\n      }\n      return baseKey;\n    },\n    [companyId],\n  );\n\n  return { companyId, scopeKey } as const;\n}\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useFluidApi } from \"./use-fluid-api\";\nimport { useCompanyScopedQueryKey } from \"./query-keys\";\nimport type { UserMe } from \"../types/rep\";\n\n/**\n * Base query key for current user data.\n * Kept for backwards compatibility — the runtime key used by the hook\n * includes a company prefix via {@link useCompanyScopedQueryKey}.\n */\nexport const CURRENT_USER_QUERY_KEY = [\"fluid\", \"currentUser\"] as const;\n\n/**\n * Hook to fetch the currently authenticated user's full profile.\n * Returns company, country, and other fields from GET /api/me.\n *\n * @example\n * ```tsx\n * function ShopPage() {\n *   const { data: user, isLoading } = useCurrentUser();\n *   const subdomain = user?.company?.subdomain;\n *   const countryIso = user?.country?.iso ?? \"US\";\n *   // ...\n * }\n * ```\n */\nexport function useCurrentUser(): UseQueryResult<UserMe> {\n  const api = useFluidApi();\n  const { scopeKey } = useCompanyScopedQueryKey();\n\n  return useQuery({\n    queryKey: scopeKey(CURRENT_USER_QUERY_KEY),\n    queryFn: () => api.users.me(),\n    staleTime: 5 * 60 * 1000,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,sBACd,WACA,GAAG,SACwC;AAC3C,QAAO;EAAC;EAAW;EAAW,GAAG;EAAQ;;;;;;;;;;;;;;;;;AAkB3C,SAAgB,2BAKd;CACA,MAAM,OAAO,qBAAqB;CAClC,MAAM,YAAY,KAAK,MAAM;CAM7B,MAAM,eAAe,OAAO,MAAM;AAClC,KAAI,KAAK,mBAAmB,aAAa,QAAQ,CAAC,aAAa,SAAS;AACtE,eAAa,UAAU;AACvB,UAAQ,KACN,4LAGD;;AAaH,QAAO;EAAE;EAAW,UAVH,aACe,YAA6C;AACzE,OAAI,aAAa,KACf,QAAO,sBAAsB,WAAW,GAAG,QAAQ;AAErD,UAAO;KAET,CAAC,UAAU,CACZ;EAE6B;;;;;;;;;ACxEhC,MAAa,yBAAyB,CAAC,SAAS,cAAc;;;;;;;;;;;;;;;AAgB9D,SAAgB,iBAAyC;CACvD,MAAM,MAAM,aAAa;CACzB,MAAM,EAAE,aAAa,0BAA0B;AAE/C,QAAO,SAAS;EACd,UAAU,SAAS,uBAAuB;EAC1C,eAAe,IAAI,MAAM,IAAI;EAC7B,WAAW,MAAS;EACrB,CAAC"}
+{"version":3,"file":"use-current-user-DIkhY-Or.mjs","names":[],"sources":["../src/hooks/query-keys.ts","../src/hooks/use-current-user.ts"],"sourcesContent":["/**\n * Company-scoped query key factory for TanStack Query.\n *\n * All portal SDK query keys are prefixed with [\"company\", companyId, ...]\n * so that switching companies naturally invalidates the entire cache scope.\n *\n * The exported `*_QUERY_KEY` constants (e.g. PROFILE_QUERY_KEY) remain as\n * backwards-compatible base keys. The runtime keys used by hooks include the\n * company prefix via {@link createCompanyQueryKey}.\n */\n\nimport { useCallback, useRef } from \"react\";\nimport { useFluidAuthContext } from \"../providers/FluidAuthProvider\";\n\n/**\n * Create a company-scoped query key by prepending [\"company\", companyId].\n *\n * @param companyId - The company ID from the JWT payload\n * @param baseKey - The base query key segments (e.g. [\"fluid\", \"profile\"])\n * @returns A tuple like [\"company\", 42, \"fluid\", \"profile\"]\n *\n * @example\n * ```ts\n * const key = createCompanyQueryKey(42, \"fluid\", \"profile\");\n * // => [\"company\", 42, \"fluid\", \"profile\"]\n * ```\n */\nexport function createCompanyQueryKey(\n  companyId: number,\n  ...baseKey: readonly string[]\n): readonly [\"company\", number, ...string[]] {\n  return [\"company\", companyId, ...baseKey] as const;\n}\n\n/**\n * Hook that returns a `scopeKey` function bound to the current company ID\n * from the auth context. If the user is not authenticated or has no\n * company_id, the base key is returned unscoped (graceful degradation).\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { scopeKey } = useCompanyScopedQueryKey();\n *   const queryKey = scopeKey(PROFILE_QUERY_KEY);\n *   // => [\"company\", 42, \"fluid\", \"profile\"]  (when authenticated)\n *   // => [\"fluid\", \"profile\"]                  (fallback)\n * }\n * ```\n */\nexport function useCompanyScopedQueryKey(): {\n  readonly companyId: number | undefined;\n  readonly scopeKey: <T extends readonly string[]>(\n    baseKey: T,\n  ) => readonly (string | number)[];\n} {\n  const auth = useFluidAuthContext();\n  const companyId = auth.user?.company_id;\n\n  // Warn (once per component instance) when an authenticated user has no\n  // company_id. This is a security-relevant condition: unscoped keys allow\n  // cross-company cache collisions. The warning fires in all environments\n  // so that it's visible in production logs if a misconfigured JWT is issued.\n  const hasWarnedRef = useRef(false);\n  if (auth.isAuthenticated && companyId == null && !hasWarnedRef.current) {\n    hasWarnedRef.current = true;\n    console.warn(\n      \"[portal-sdk] Authenticated user has no company_id in JWT. \" +\n        \"Query keys will fall back to unscoped keys, which may cause \" +\n        \"cross-company cache collisions. Ensure the JWT includes company_id.\",\n    );\n  }\n\n  const scopeKey = useCallback(\n    <T extends readonly string[]>(baseKey: T): readonly (string | number)[] => {\n      if (companyId != null) {\n        return createCompanyQueryKey(companyId, ...baseKey);\n      }\n      return baseKey;\n    },\n    [companyId],\n  );\n\n  return { companyId, scopeKey } as const;\n}\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useFluidApi } from \"./use-fluid-api\";\nimport { useCompanyScopedQueryKey } from \"./query-keys\";\nimport type { UserMe } from \"../types/rep\";\n\n/**\n * Base query key for current user data.\n * Kept for backwards compatibility — the runtime key used by the hook\n * includes a company prefix via {@link useCompanyScopedQueryKey}.\n */\nexport const CURRENT_USER_QUERY_KEY = [\"fluid\", \"currentUser\"] as const;\n\n/**\n * Hook to fetch the currently authenticated user's full profile.\n * Returns company, country, and other fields from GET /api/me.\n *\n * @example\n * ```tsx\n * function ShopPage() {\n *   const { data: user, isLoading } = useCurrentUser();\n *   const subdomain = user?.company?.subdomain;\n *   const countryIso = user?.country?.iso ?? \"US\";\n *   // ...\n * }\n * ```\n */\nexport function useCurrentUser(): UseQueryResult<UserMe> {\n  const api = useFluidApi();\n  const { scopeKey } = useCompanyScopedQueryKey();\n\n  return useQuery({\n    queryKey: scopeKey(CURRENT_USER_QUERY_KEY),\n    queryFn: () => api.users.me(),\n    staleTime: 5 * 60 * 1000,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,sBACd,WACA,GAAG,SACwC;AAC3C,QAAO;EAAC;EAAW;EAAW,GAAG;EAAQ;;;;;;;;;;;;;;;;;AAkB3C,SAAgB,2BAKd;CACA,MAAM,OAAO,qBAAqB;CAClC,MAAM,YAAY,KAAK,MAAM;CAM7B,MAAM,eAAe,OAAO,MAAM;AAClC,KAAI,KAAK,mBAAmB,aAAa,QAAQ,CAAC,aAAa,SAAS;AACtE,eAAa,UAAU;AACvB,UAAQ,KACN,4LAGD;;AAaH,QAAO;EAAE;EAAW,UAVH,aACe,YAA6C;AACzE,OAAI,aAAa,KACf,QAAO,sBAAsB,WAAW,GAAG,QAAQ;AAErD,UAAO;KAET,CAAC,UAAU,CACZ;EAE6B;;;;;;;;;ACxEhC,MAAa,yBAAyB,CAAC,SAAS,cAAc;;;;;;;;;;;;;;;AAgB9D,SAAgB,iBAAyC;CACvD,MAAM,MAAM,aAAa;CACzB,MAAM,EAAE,aAAa,0BAA0B;AAE/C,QAAO,SAAS;EACd,UAAU,SAAS,uBAAuB;EAC1C,eAAe,IAAI,MAAM,IAAI;EAC7B,WAAW,MAAS;EACrB,CAAC"}

package/dist/{use-customer-account-DVQzpWxo.mjs → use-customer-account-Bh4RXGq-.mjs}

@@ -1,5 +1,5 @@
-import { _t as fetchCustomerAccount } from "./FluidProvider-C4OAgBdt.mjs";
-import { n as useFluidPayClient, o as useFluidAuth } from "./use-account-clients-Bqwc4jT0.mjs";
+import { _t as fetchCustomerAccount } from "./FluidProvider-aDOk1vw3.mjs";
+import { n as useFluidPayClient, o as useFluidAuth } from "./use-account-clients-D3YbXh9Y.mjs";
 import { useQuery } from "@tanstack/react-query";
 //#region src/account/use-customer-account.ts
 function useCustomerAccount({ enabled = true } = {}) {
@@ -20,4 +20,4 @@ function useCustomerAccount({ enabled = true } = {}) {
 //#endregion
 export { useCustomerAccount as t };
 
-//# sourceMappingURL=use-customer-account-DVQzpWxo.mjs.map
+//# sourceMappingURL=use-customer-account-Bh4RXGq-.mjs.map

package/dist/{use-customer-account-DVQzpWxo.mjs.map → use-customer-account-Bh4RXGq-.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-customer-account-DVQzpWxo.mjs","names":["customersApi.fetchCustomerAccount"],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { customersApi } from \"@fluid-app/fluid-pay-api-client\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\nimport { useFluidPayClient } from \"./use-account-clients\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const fluidPayClient = useFluidPayClient();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => customersApi.fetchCustomerAccount(fluidPayClient, jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;AAKA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAAS,cAAc;CACtC,MAAM,iBAAiB,mBAAmB;CAC1C,MAAM,MAAM,SAAS;CAErB,MAAM,QAAQ,SAAS;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAeA,qBAAkC,gBAAgB,IAAI;EACrE,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}
+{"version":3,"file":"use-customer-account-Bh4RXGq-.mjs","names":["customersApi.fetchCustomerAccount"],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { customersApi } from \"@fluid-app/fluid-pay-api-client\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\nimport { useFluidPayClient } from \"./use-account-clients\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const fluidPayClient = useFluidPayClient();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => customersApi.fetchCustomerAccount(fluidPayClient, jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;AAKA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAAS,cAAc;CACtC,MAAM,iBAAiB,mBAAmB;CAC1C,MAAM,MAAM,SAAS;CAErB,MAAM,QAAQ,SAAS;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAeA,qBAAkC,gBAAgB,IAAI;EACrE,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}

package/dist/{use-customer-account-DJxnOr1n.cjs → use-customer-account-D3WQH1de.cjs}

@@ -1,6 +1,6 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-B7whI5Fk.cjs");
-const require_use_account_clients = require("./use-account-clients-N3gfibU3.cjs");
+const require_FluidProvider = require("./FluidProvider-BeQDNd2R.cjs");
+const require_use_account_clients = require("./use-account-clients-DJVDMbzf.cjs");
 let _tanstack_react_query = require("@tanstack/react-query");
 //#region src/account/use-customer-account.ts
 function useCustomerAccount({ enabled = true } = {}) {
@@ -26,4 +26,4 @@ Object.defineProperty(exports, "useCustomerAccount", {
 	}
 });
 
-//# sourceMappingURL=use-customer-account-DJxnOr1n.cjs.map
+//# sourceMappingURL=use-customer-account-D3WQH1de.cjs.map

package/dist/{use-customer-account-DJxnOr1n.cjs.map → use-customer-account-D3WQH1de.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-customer-account-DJxnOr1n.cjs","names":["useFluidAuth","useFluidPayClient"],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { customersApi } from \"@fluid-app/fluid-pay-api-client\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\nimport { useFluidPayClient } from \"./use-account-clients\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const fluidPayClient = useFluidPayClient();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => customersApi.fetchCustomerAccount(fluidPayClient, jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;;AAKA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAASA,4BAAAA,cAAc;CACtC,MAAM,iBAAiBC,4BAAAA,mBAAmB;CAC1C,MAAM,MAAM,SAAS;CAErB,MAAM,SAAA,GAAA,sBAAA,UAAiB;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAA,sBAAA,qBAAiD,gBAAgB,IAAI;EACrE,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}
+{"version":3,"file":"use-customer-account-D3WQH1de.cjs","names":["useFluidAuth","useFluidPayClient"],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { customersApi } from \"@fluid-app/fluid-pay-api-client\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\nimport { useFluidPayClient } from \"./use-account-clients\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const fluidPayClient = useFluidPayClient();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => customersApi.fetchCustomerAccount(fluidPayClient, jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;;AAKA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAASA,4BAAAA,cAAc;CACtC,MAAM,iBAAiBC,4BAAAA,mBAAmB;CAC1C,MAAM,MAAM,SAAS;CAErB,MAAM,SAAA,GAAA,sBAAA,UAAiB;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAA,sBAAA,qBAAiD,gBAAgB,IAAI;EACrE,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}

package/dist/{use-fluid-api-C3T17MND.cjs → use-fluid-api-BL1IJowk.cjs}

@@ -1,4 +1,4 @@
-const require_FluidProvider = require("./FluidProvider-B7whI5Fk.cjs");
+const require_FluidProvider = require("./FluidProvider-BeQDNd2R.cjs");
 //#region src/hooks/use-fluid-api.ts
 /**
 * Hook to access the Fluid API client
@@ -29,4 +29,4 @@ Object.defineProperty(exports, "useFluidApi", {
 	}
 });
 
-//# sourceMappingURL=use-fluid-api-C3T17MND.cjs.map
+//# sourceMappingURL=use-fluid-api-BL1IJowk.cjs.map

package/dist/{use-fluid-api-C3T17MND.cjs.map → use-fluid-api-BL1IJowk.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-fluid-api-C3T17MND.cjs","names":["useFluidContext"],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAWA,sBAAAA,iBAAiB;AACpC,QAAO"}
+{"version":3,"file":"use-fluid-api-BL1IJowk.cjs","names":["useFluidContext"],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAWA,sBAAAA,iBAAiB;AACpC,QAAO"}

package/dist/{use-fluid-api-BwYwsyDl.mjs → use-fluid-api-DDS0EZdY.mjs}

@@ -1,4 +1,4 @@
-import { n as useFluidContext } from "./FluidProvider-C4OAgBdt.mjs";
+import { n as useFluidContext } from "./FluidProvider-aDOk1vw3.mjs";
 //#region src/hooks/use-fluid-api.ts
 /**
 * Hook to access the Fluid API client
@@ -24,4 +24,4 @@ function useFluidApi() {
 //#endregion
 export { useFluidApi as t };
 
-//# sourceMappingURL=use-fluid-api-BwYwsyDl.mjs.map
+//# sourceMappingURL=use-fluid-api-DDS0EZdY.mjs.map

package/dist/{use-fluid-api-BwYwsyDl.mjs.map → use-fluid-api-DDS0EZdY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-fluid-api-BwYwsyDl.mjs","names":[],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAW,iBAAiB;AACpC,QAAO"}
+{"version":3,"file":"use-fluid-api-DDS0EZdY.mjs","names":[],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAW,iBAAiB;AACpC,QAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.80",
+  "version": "0.1.81",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -67,41 +67,41 @@
     "zod": "4.3.5",
     "@fluid-app/api-client-core": "0.1.0",
     "@fluid-app/auth": "0.1.0",
-    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/cart-ui": "0.1.12",
-    "@fluid-app/contacts-ui": "0.1.0",
     "@fluid-app/company-switcher-ui": "0.1.0",
+    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/file-picker-api-client": "0.1.0",
-    "@fluid-app/fluid-pay-api-client": "0.1.0",
-    "@fluid-app/messaging-api-client": "0.1.0",
-    "@fluid-app/fluidos-api-client": "0.1.0",
+    "@fluid-app/contacts-ui": "0.1.0",
     "@fluid-app/messaging-core": "0.1.0",
-    "@fluid-app/mysite-ui": "0.1.0",
+    "@fluid-app/fluidos-api-client": "0.1.0",
     "@fluid-app/messaging-ui": "0.1.0",
+    "@fluid-app/messaging-api-client": "0.1.0",
+    "@fluid-app/fluid-pay-api-client": "0.1.0",
+    "@fluid-app/mysite-ui": "0.1.0",
+    "@fluid-app/orders-api-client": "0.1.0",
     "@fluid-app/orders-core": "0.1.0",
     "@fluid-app/orders-ui": "0.1.0",
-    "@fluid-app/orders-api-client": "0.1.0",
     "@fluid-app/portal-app-download-ui": "0.1.0",
-    "@fluid-app/permissions": "0.1.0",
     "@fluid-app/portal-preview": "0.1.0",
     "@fluid-app/portal-core": "0.1.23",
+    "@fluid-app/permissions": "0.1.0",
     "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
     "@fluid-app/portal-widgets": "0.1.22",
     "@fluid-app/products-api-client": "0.1.0",
-    "@fluid-app/profile-ui": "0.1.0",
     "@fluid-app/products-core": "0.1.0",
     "@fluid-app/profile-core": "0.1.0",
-    "@fluid-app/shareables-api-client": "0.1.0",
-    "@fluid-app/shareables-ui": "0.1.0",
+    "@fluid-app/profile-ui": "0.1.0",
     "@fluid-app/query-persister": "0.1.0",
-    "@fluid-app/shop-ui": "0.1.0",
+    "@fluid-app/shareables-api-client": "0.1.0",
     "@fluid-app/shareables-core": "0.1.0",
+    "@fluid-app/shareables-ui": "0.1.0",
     "@fluid-app/subscriptions-api-client": "0.1.0",
+    "@fluid-app/shop-ui": "0.1.0",
     "@fluid-app/subscriptions-core": "0.1.0",
     "@fluid-app/subscriptions-ui": "0.1.0",
-    "@fluid-app/typescript-config": "0.0.0",
     "@fluid-app/ui-primitives": "0.1.13",
+    "@fluid-app/typescript-config": "0.0.0",
     "@fluid-app/user-contacts-api-client": "0.1.0",
     "@fluid-app/user-notes-api-client": "0.1.0",
     "@fluid-app/user-tasks-api-client": "0.1.0"

package/dist/CarouselWidget-BNjwtgJW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselWidget-BNjwtgJW.mjs","names":["DOMPurify"],"sources":["../../widgets/src/widgets/CarouselWidget.tsx"],"sourcesContent":["import DOMPurify from \"dompurify\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport { ScrollArrows } from \"../ui/scroll-arrows\";\nimport type { ComponentProps } from \"react\";\nimport { useEffect, useState, useCallback } from \"react\";\nimport type React from \"react\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromWidgetSchema,\n} from \"../components/MediaRenderer\";\nimport type {\n  WidgetSchema,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  AlignOptions,\n  FontSizeOptions,\n  PaddingOptions,\n  ButtonSizeOptions,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  getButtonSizeField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\n\nconst DEFAULT_SLIDES: CarouselSlide[] = [];\n\ntype CarouselSlide = {\n  id: string;\n  content: WidgetSchema;\n  title?: string;\n  description?: string;\n  buttonEnabled?: boolean;\n  buttonText?: string;\n  buttonVariant?:\n    | \"default\"\n    | \"secondary\"\n    | \"outline\"\n    | \"destructive\"\n    | \"ghost\"\n    | \"link\";\n  buttonLink?: string;\n};\n\ntype CarouselWidgetProps = ComponentProps<\"div\"> & {\n  slides?: CarouselSlide[];\n  autoScrollInterval?: number;\n  enableAutoScroll?: boolean;\n\n  // Layout\n  align?: AlignOptions;\n  carouselHeight?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  padding?: PaddingOptions;\n\n  // Text Styling\n  headerSize?: FontSizeOptions;\n  headerColor?: ColorOptions;\n  textSize?: FontSizeOptions;\n  textColor?: ColorOptions;\n  textWidth?: string;\n\n  // Button\n  showButton?: boolean;\n  buttonColor?: ColorOptions;\n  buttonSize?: ButtonSizeOptions;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n};\n\nexport function CarouselWidget({\n  slides = DEFAULT_SLIDES,\n  autoScrollInterval = 3000,\n  enableAutoScroll = false,\n  carouselHeight = \"400px\",\n  align = { vertical: \"bottom\", horizontal: \"left\" },\n  overlayIntensity = 40,\n  borderRadius = \"none\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  padding = 0,\n  textWidth = \"100%\",\n  headerSize = \"lg\",\n  headerColor = \"background\",\n  textSize = \"md\",\n  textColor = \"background\",\n  showButton = true,\n  buttonColor = \"background\",\n  buttonSize = \"default\",\n  overlayEnabled = true,\n  overlayType = \"solid\",\n  className,\n  ...props\n}: CarouselWidgetProps): React.JSX.Element {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const hasSlides = slides.length > 0;\n  const totalSlides = slides.length;\n\n  const goToNext = useCallback(() => {\n    if (!hasSlides) return;\n    setCurrentIndex((prev) => {\n      if (prev === totalSlides - 1) {\n        return 0;\n      }\n      return prev + 1;\n    });\n  }, [hasSlides, totalSlides]);\n\n  const goToPrevious = useCallback(() => {\n    if (!hasSlides) return;\n    setCurrentIndex((prev) => {\n      if (prev === 0) {\n        return totalSlides - 1;\n      }\n      return prev - 1;\n    });\n  }, [hasSlides, totalSlides]);\n\n  const goToSlide = useCallback(\n    (index: number) => {\n      if (!hasSlides) return;\n      if (index >= 0 && index < totalSlides) {\n        setCurrentIndex(index);\n      }\n    },\n    [hasSlides, totalSlides],\n  );\n\n  // Auto-scroll effect\n  useEffect(() => {\n    if (!enableAutoScroll || !hasSlides || isHovered) return;\n\n    const intervalId = setInterval(() => {\n      goToNext();\n    }, autoScrollInterval);\n\n    return () => clearInterval(intervalId);\n  }, [enableAutoScroll, autoScrollInterval, hasSlides, isHovered, goToNext]);\n\n  // Reset to first slide if slides change\n  useEffect(() => {\n    if (currentIndex >= totalSlides && totalSlides > 0) {\n      setCurrentIndex(0);\n    }\n  }, [totalSlides, currentIndex]);\n\n  if (!hasSlides) {\n    return (\n      <div\n        className={`rounded-${borderRadius} ${className} w-full overflow-hidden`}\n        style={{ minHeight: carouselHeight }}\n        {...props}\n      >\n        <div\n          className=\"bg-muted flex h-full w-full items-center justify-center\"\n          style={{ minHeight: carouselHeight }}\n        >\n          <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n            <div className=\"text-4xl\">🎠</div>\n            <p className=\"text-sm\">No slides added</p>\n            <p className=\"text-muted-foreground/70 text-xs\">\n              Add slides to create a carousel\n            </p>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className}`}\n      style={{ minHeight: carouselHeight }}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      {...props}\n    >\n      {/* Slides Container */}\n      <div\n        className=\"relative h-full w-full\"\n        style={{ minHeight: carouselHeight }}\n      >\n        <div\n          className=\"flex h-full transition-transform duration-500 ease-in-out\"\n          style={{\n            transform: `translateX(-${currentIndex * 100}%)`,\n          }}\n        >\n          {slides.map((slide) => (\n            <div\n              key={slide.id}\n              className=\"relative h-full w-full flex-shrink-0\"\n              style={{ minWidth: \"100%\", minHeight: carouselHeight }}\n            >\n              {/* Background image/content layer */}\n              <div className=\"absolute inset-0 h-full w-full\">\n                <MediaRenderer\n                  {...getMediaPropsFromWidgetSchema(slide.content)}\n                />\n              </div>\n\n              {/* Dark overlay for text readability */}\n              {overlayEnabled && (\n                <div\n                  className={`absolute inset-0 z-9 ${\n                    overlayType === \"gradient\"\n                      ? \"bg-gradient-to-t from-black to-transparent\"\n                      : \"bg-black\"\n                  }`}\n                  style={{\n                    opacity:\n                      (Number(String(overlayIntensity).replace(\"%\", \"\")) ||\n                        40) / 100,\n                  }}\n                />\n              )}\n\n              {/* Content box */}\n              <div\n                className={`absolute inset-x-0 z-10 flex px-3 ${\n                  align.horizontal === \"left\"\n                    ? \"justify-start\"\n                    : align.horizontal === \"center\"\n                      ? \"justify-center\"\n                      : \"justify-end\"\n                } ${\n                  align.vertical === \"top\"\n                    ? \"top-0 pt-13\"\n                    : align.vertical === \"center\"\n                      ? \"top-1/2 -translate-y-1/2\"\n                      : \"bottom-0 pb-13\"\n                }`}\n              >\n                <div\n                  className={`p-${padding} flex flex-col gap-3`}\n                  style={{ maxWidth: textWidth }}\n                >\n                  {/* Heading and text */}\n                  <div className={`flex flex-col text-${align.horizontal}`}>\n                    {slide.title && (\n                      <h2\n                        className={`font-header mb-2 leading-tight font-bold text-${headerColor} text-${headerSize === \"md\" ? \"base\" : headerSize}`}\n                      >\n                        {slide.title}\n                      </h2>\n                    )}\n                    {slide.description && (\n                      <div\n                        className={`leading-snug text-${textColor} text-${textSize === \"md\" ? \"base\" : textSize} line-clamp-2`}\n                        dangerouslySetInnerHTML={{\n                          __html: DOMPurify.sanitize(slide.description, {\n                            ALLOWED_TAGS: [\n                              \"br\",\n                              \"strong\",\n                              \"em\",\n                              \"b\",\n                              \"i\",\n                              \"ul\",\n                              \"ol\",\n                              \"li\",\n                              \"p\",\n                            ],\n                            ALLOWED_ATTR: [],\n                          }),\n                        }}\n                      />\n                    )}\n                  </div>\n\n                  {/* Button */}\n                  {slide.buttonText && slide.buttonEnabled && showButton && (\n                    <div className={`text-${align.horizontal}`}>\n                      <Button\n                        size={buttonSize}\n                        className={`rounded-md py-1 font-semibold bg-${buttonColor} text-${buttonColor}-foreground hover:bg-${buttonColor}/90`}\n                        asChild\n                      >\n                        <a href={slide.buttonLink}>{slide.buttonText}</a>\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n      {/* Dots and Navigation */}\n      {totalSlides > 1 && (\n        <div\n          className={`p-${padding} absolute bottom-0 z-10 flex w-full items-center justify-between ${align.horizontal === \"center\" ? \"h-full\" : \"\"}`}\n        >\n          {/* Pagination dots - always at bottom */}\n          <div\n            className={`flex items-center ${\n              align.horizontal === \"center\"\n                ? `p-${padding} absolute inset-x-0 bottom-3 justify-center`\n                : \"\"\n            }`}\n          >\n            <div\n              className={`flex items-center gap-2 ${\n                align.horizontal === \"center\" ? \"justify-center\" : \"\"\n              }`}\n            >\n              {slides.map((_, index) => (\n                <button\n                  key={`dot-${index}`}\n                  className={`h-[6px] w-[6px] rounded-full transition-colors ${\n                    index === currentIndex\n                      ? \"bg-background\"\n                      : \"bg-background/40 hover:bg-background/60\"\n                  }`}\n                  onClick={() => goToSlide(index)}\n                  aria-label={`Go to slide ${index + 1}`}\n                  aria-current={index === currentIndex ? \"true\" : \"false\"}\n                />\n              ))}\n            </div>\n          </div>\n\n          {/* Navigation arrows - position changes based on alignment */}\n          <div\n            className={`flex items-center gap-[10px] ${\n              align.horizontal === \"center\"\n                ? `absolute inset-x-0 top-1/2 justify-between px-${padding}`\n                : \"\"\n            }`}\n          >\n            <ScrollArrows onPrevious={goToPrevious} onNext={goToNext} />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const carouselWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CarouselWidget\",\n  displayName: \"Carousel\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"slides\"],\n  fields: [\n    // Styling tab - Text Styling group\n    getFontSizeField({\n      defaultValue: \"lg\",\n      key: \"headerSize\",\n      label: \"Header Font Size\",\n      description: \"Font size for the slide header\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"headerColor\",\n      label: \"Header Color\",\n      description: \"Color variant for the slide header\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    },\n    getFontSizeField({\n      defaultValue: \"md\",\n      key: \"textSize\",\n      label: \"Text Font Size\",\n      description: \"Font size for the slide text\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Color variant for the slide text\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    // Styling tab - Layout group\n    {\n      key: \"align\",\n      label: \"Alignment\",\n      type: \"alignment\",\n      description: \"Alignment of the carousel content\",\n      defaultValue: { vertical: \"bottom\", horizontal: \"left\" },\n      options: {\n        verticalEnabled: true,\n        horizontalEnabled: true,\n      },\n      tab: \"styling\",\n      group: \"Layout\",\n    },\n    {\n      key: \"textWidth\",\n      label: \"Content Width\",\n      type: \"cssUnit\",\n      description: \"Maximum width for slide content\",\n      defaultValue: \"100%\",\n      allowedUnits: [\"px\", \"rem\", \"%\"],\n      defaultUnit: \"%\",\n      minByUnit: { px: 50, rem: 3, \"%\": 10 },\n      maxByUnit: { px: 1200, rem: 75, \"%\": 100 },\n      stepByUnit: { px: 10, rem: 1, \"%\": 1 },\n      tab: \"styling\",\n      group: \"Layout\",\n    },\n    // Styling tab - Design group\n    getHeightField({\n      key: \"carouselHeight\",\n      label: \"Carousel Height\",\n      description: \"Height of the carousel\",\n      defaultValue: \"400px\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator2\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getBorderRadiusField({\n      defaultValue: \"md\",\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Rounded corners for the carousel\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getPaddingField({\n      defaultValue: 4,\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding for the carousel\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description: \"Add background overlay to slide content\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay to add to the slide content\",\n      defaultValue: \"gradient\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay background (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"showButton\",\n      label: \"Show Button\",\n      type: \"boolean\",\n      description: \"Display the button in slide content\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      defaultValue: \"primary\",\n      key: \"buttonColor\",\n      label: \"Button Color\",\n      description: \"Color variant for the slide button\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"showButton\",\n    }),\n    getButtonSizeField({\n      defaultValue: \"default\",\n      key: \"buttonSize\",\n      label: \"Button Size\",\n      description: \"Size of the slide button\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"showButton\",\n    }),\n    // Behavior tab - Auto-Scroll group\n    {\n      key: \"enableAutoScroll\",\n      label: \"Enable Auto-Scroll\",\n      type: \"boolean\",\n      description: \"Automatically advance to the next slide\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Auto-Scroll\",\n    },\n    {\n      key: \"autoScrollInterval\",\n      label: \"Auto-Scroll Interval (ms)\",\n      type: \"number\",\n      description: \"Time in milliseconds between automatic slide transitions\",\n      min: 1000,\n      max: 10000,\n      step: 500,\n      defaultValue: 3000,\n      tab: \"behavior\",\n      group: \"Auto-Scroll\",\n      requiresKeyToBeTrue: \"enableAutoScroll\",\n    },\n    // Data tab - Data Configuration group\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n  // Per-item configuration schema for custom data sources\n  itemConfigSchema: {\n    description: \"Configure settings for this slide\",\n    fields: [\n      {\n        key: \"title\",\n        label: \"Custom Title\",\n        type: \"text\",\n        description: \"Override the item's title for this slide\",\n      },\n      {\n        key: \"description\",\n        label: \"Custom Description\",\n        type: \"textarea\",\n        description: \"Override the item's description for this slide\",\n        rows: 3,\n      },\n      {\n        key: \"buttonEnabled\",\n        label: \"Show Button\",\n        type: \"boolean\",\n        description: \"Show the button in the slide\",\n        defaultValue: false,\n      },\n      {\n        key: \"buttonText\",\n        label: \"Button Text\",\n        type: \"text\",\n        description: \"Text to display on the slide button\",\n        requiresKeyToBeTrue: \"buttonEnabled\",\n      },\n      {\n        key: \"buttonLink\",\n        label: \"Button Link\",\n        type: \"text\",\n        description: \"URL for the slide button\",\n        requiresKeyToBeTrue: \"buttonEnabled\",\n      },\n    ],\n  },\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD,cAAc;GACZ,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF,mBAAmB;GACjB,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAEF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAED;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CAED,kBAAkB;EAChB,aAAa;EACb,QAAQ;GACN;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,MAAM;IACP;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,cAAc;IACf;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,qBAAqB;IACtB;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,qBAAqB;IACtB;GACF;EACF;CACF"}

package/dist/CarouselWidget-Bs8ccl6W.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselWidget-Bs8ccl6W.cjs","names":["borderWidthClasses","borderColorClasses","MediaRenderer","getMediaPropsFromWidgetSchema","DOMPurify","Button","ScrollArrows","getFontSizeField","getColorField","getHeightField","getBorderRadiusField","getBorderWidthField","getBorderColorField","getPaddingField","getButtonSizeField"],"sources":["../../widgets/src/widgets/CarouselWidget.tsx"],"sourcesContent":["import DOMPurify from \"dompurify\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport { ScrollArrows } from \"../ui/scroll-arrows\";\nimport type { ComponentProps } from \"react\";\nimport { useEffect, useState, useCallback } from \"react\";\nimport type React from \"react\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromWidgetSchema,\n} from \"../components/MediaRenderer\";\nimport type {\n  WidgetSchema,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  AlignOptions,\n  FontSizeOptions,\n  PaddingOptions,\n  ButtonSizeOptions,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  getButtonSizeField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\n\nconst DEFAULT_SLIDES: CarouselSlide[] = [];\n\ntype CarouselSlide = {\n  id: string;\n  content: WidgetSchema;\n  title?: string;\n  description?: string;\n  buttonEnabled?: boolean;\n  buttonText?: string;\n  buttonVariant?:\n    | \"default\"\n    | \"secondary\"\n    | \"outline\"\n    | \"destructive\"\n    | \"ghost\"\n    | \"link\";\n  buttonLink?: string;\n};\n\ntype CarouselWidgetProps = ComponentProps<\"div\"> & {\n  slides?: CarouselSlide[];\n  autoScrollInterval?: number;\n  enableAutoScroll?: boolean;\n\n  // Layout\n  align?: AlignOptions;\n  carouselHeight?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  padding?: PaddingOptions;\n\n  // Text Styling\n  headerSize?: FontSizeOptions;\n  headerColor?: ColorOptions;\n  textSize?: FontSizeOptions;\n  textColor?: ColorOptions;\n  textWidth?: string;\n\n  // Button\n  showButton?: boolean;\n  buttonColor?: ColorOptions;\n  buttonSize?: ButtonSizeOptions;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n};\n\nexport function CarouselWidget({\n  slides = DEFAULT_SLIDES,\n  autoScrollInterval = 3000,\n  enableAutoScroll = false,\n  carouselHeight = \"400px\",\n  align = { vertical: \"bottom\", horizontal: \"left\" },\n  overlayIntensity = 40,\n  borderRadius = \"none\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  padding = 0,\n  textWidth = \"100%\",\n  headerSize = \"lg\",\n  headerColor = \"background\",\n  textSize = \"md\",\n  textColor = \"background\",\n  showButton = true,\n  buttonColor = \"background\",\n  buttonSize = \"default\",\n  overlayEnabled = true,\n  overlayType = \"solid\",\n  className,\n  ...props\n}: CarouselWidgetProps): React.JSX.Element {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const hasSlides = slides.length > 0;\n  const totalSlides = slides.length;\n\n  const goToNext = useCallback(() => {\n    if (!hasSlides) return;\n    setCurrentIndex((prev) => {\n      if (prev === totalSlides - 1) {\n        return 0;\n      }\n      return prev + 1;\n    });\n  }, [hasSlides, totalSlides]);\n\n  const goToPrevious = useCallback(() => {\n    if (!hasSlides) return;\n    setCurrentIndex((prev) => {\n      if (prev === 0) {\n        return totalSlides - 1;\n      }\n      return prev - 1;\n    });\n  }, [hasSlides, totalSlides]);\n\n  const goToSlide = useCallback(\n    (index: number) => {\n      if (!hasSlides) return;\n      if (index >= 0 && index < totalSlides) {\n        setCurrentIndex(index);\n      }\n    },\n    [hasSlides, totalSlides],\n  );\n\n  // Auto-scroll effect\n  useEffect(() => {\n    if (!enableAutoScroll || !hasSlides || isHovered) return;\n\n    const intervalId = setInterval(() => {\n      goToNext();\n    }, autoScrollInterval);\n\n    return () => clearInterval(intervalId);\n  }, [enableAutoScroll, autoScrollInterval, hasSlides, isHovered, goToNext]);\n\n  // Reset to first slide if slides change\n  useEffect(() => {\n    if (currentIndex >= totalSlides && totalSlides > 0) {\n      setCurrentIndex(0);\n    }\n  }, [totalSlides, currentIndex]);\n\n  if (!hasSlides) {\n    return (\n      <div\n        className={`rounded-${borderRadius} ${className} w-full overflow-hidden`}\n        style={{ minHeight: carouselHeight }}\n        {...props}\n      >\n        <div\n          className=\"bg-muted flex h-full w-full items-center justify-center\"\n          style={{ minHeight: carouselHeight }}\n        >\n          <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n            <div className=\"text-4xl\">🎠</div>\n            <p className=\"text-sm\">No slides added</p>\n            <p className=\"text-muted-foreground/70 text-xs\">\n              Add slides to create a carousel\n            </p>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className}`}\n      style={{ minHeight: carouselHeight }}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      {...props}\n    >\n      {/* Slides Container */}\n      <div\n        className=\"relative h-full w-full\"\n        style={{ minHeight: carouselHeight }}\n      >\n        <div\n          className=\"flex h-full transition-transform duration-500 ease-in-out\"\n          style={{\n            transform: `translateX(-${currentIndex * 100}%)`,\n          }}\n        >\n          {slides.map((slide) => (\n            <div\n              key={slide.id}\n              className=\"relative h-full w-full flex-shrink-0\"\n              style={{ minWidth: \"100%\", minHeight: carouselHeight }}\n            >\n              {/* Background image/content layer */}\n              <div className=\"absolute inset-0 h-full w-full\">\n                <MediaRenderer\n                  {...getMediaPropsFromWidgetSchema(slide.content)}\n                />\n              </div>\n\n              {/* Dark overlay for text readability */}\n              {overlayEnabled && (\n                <div\n                  className={`absolute inset-0 z-9 ${\n                    overlayType === \"gradient\"\n                      ? \"bg-gradient-to-t from-black to-transparent\"\n                      : \"bg-black\"\n                  }`}\n                  style={{\n                    opacity:\n                      (Number(String(overlayIntensity).replace(\"%\", \"\")) ||\n                        40) / 100,\n                  }}\n                />\n              )}\n\n              {/* Content box */}\n              <div\n                className={`absolute inset-x-0 z-10 flex px-3 ${\n                  align.horizontal === \"left\"\n                    ? \"justify-start\"\n                    : align.horizontal === \"center\"\n                      ? \"justify-center\"\n                      : \"justify-end\"\n                } ${\n                  align.vertical === \"top\"\n                    ? \"top-0 pt-13\"\n                    : align.vertical === \"center\"\n                      ? \"top-1/2 -translate-y-1/2\"\n                      : \"bottom-0 pb-13\"\n                }`}\n              >\n                <div\n                  className={`p-${padding} flex flex-col gap-3`}\n                  style={{ maxWidth: textWidth }}\n                >\n                  {/* Heading and text */}\n                  <div className={`flex flex-col text-${align.horizontal}`}>\n                    {slide.title && (\n                      <h2\n                        className={`font-header mb-2 leading-tight font-bold text-${headerColor} text-${headerSize === \"md\" ? \"base\" : headerSize}`}\n                      >\n                        {slide.title}\n                      </h2>\n                    )}\n                    {slide.description && (\n                      <div\n                        className={`leading-snug text-${textColor} text-${textSize === \"md\" ? \"base\" : textSize} line-clamp-2`}\n                        dangerouslySetInnerHTML={{\n                          __html: DOMPurify.sanitize(slide.description, {\n                            ALLOWED_TAGS: [\n                              \"br\",\n                              \"strong\",\n                              \"em\",\n                              \"b\",\n                              \"i\",\n                              \"ul\",\n                              \"ol\",\n                              \"li\",\n                              \"p\",\n                            ],\n                            ALLOWED_ATTR: [],\n                          }),\n                        }}\n                      />\n                    )}\n                  </div>\n\n                  {/* Button */}\n                  {slide.buttonText && slide.buttonEnabled && showButton && (\n                    <div className={`text-${align.horizontal}`}>\n                      <Button\n                        size={buttonSize}\n                        className={`rounded-md py-1 font-semibold bg-${buttonColor} text-${buttonColor}-foreground hover:bg-${buttonColor}/90`}\n                        asChild\n                      >\n                        <a href={slide.buttonLink}>{slide.buttonText}</a>\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n      {/* Dots and Navigation */}\n      {totalSlides > 1 && (\n        <div\n          className={`p-${padding} absolute bottom-0 z-10 flex w-full items-center justify-between ${align.horizontal === \"center\" ? \"h-full\" : \"\"}`}\n        >\n          {/* Pagination dots - always at bottom */}\n          <div\n            className={`flex items-center ${\n              align.horizontal === \"center\"\n                ? `p-${padding} absolute inset-x-0 bottom-3 justify-center`\n                : \"\"\n            }`}\n          >\n            <div\n              className={`flex items-center gap-2 ${\n                align.horizontal === \"center\" ? \"justify-center\" : \"\"\n              }`}\n            >\n              {slides.map((_, index) => (\n                <button\n                  key={`dot-${index}`}\n                  className={`h-[6px] w-[6px] rounded-full transition-colors ${\n                    index === currentIndex\n                      ? \"bg-background\"\n                      : \"bg-background/40 hover:bg-background/60\"\n                  }`}\n                  onClick={() => goToSlide(index)}\n                  aria-label={`Go to slide ${index + 1}`}\n                  aria-current={index === currentIndex ? \"true\" : \"false\"}\n                />\n              ))}\n            </div>\n          </div>\n\n          {/* Navigation arrows - position changes based on alignment */}\n          <div\n            className={`flex items-center gap-[10px] ${\n              align.horizontal === \"center\"\n                ? `absolute inset-x-0 top-1/2 justify-between px-${padding}`\n                : \"\"\n            }`}\n          >\n            <ScrollArrows onPrevious={goToPrevious} onNext={goToNext} />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const carouselWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CarouselWidget\",\n  displayName: \"Carousel\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"slides\"],\n  fields: [\n    // Styling tab - Text Styling group\n    getFontSizeField({\n      defaultValue: \"lg\",\n      key: \"headerSize\",\n      label: \"Header Font Size\",\n      description: \"Font size for the slide header\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"headerColor\",\n      label: \"Header Color\",\n      description: \"Color variant for the slide header\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    },\n    getFontSizeField({\n      defaultValue: \"md\",\n      key: \"textSize\",\n      label: \"Text Font Size\",\n      description: \"Font size for the slide text\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Color variant for the slide text\",\n      tab: \"styling\",\n      group: \"Text Styling\",\n    }),\n    // Styling tab - Layout group\n    {\n      key: \"align\",\n      label: \"Alignment\",\n      type: \"alignment\",\n      description: \"Alignment of the carousel content\",\n      defaultValue: { vertical: \"bottom\", horizontal: \"left\" },\n      options: {\n        verticalEnabled: true,\n        horizontalEnabled: true,\n      },\n      tab: \"styling\",\n      group: \"Layout\",\n    },\n    {\n      key: \"textWidth\",\n      label: \"Content Width\",\n      type: \"cssUnit\",\n      description: \"Maximum width for slide content\",\n      defaultValue: \"100%\",\n      allowedUnits: [\"px\", \"rem\", \"%\"],\n      defaultUnit: \"%\",\n      minByUnit: { px: 50, rem: 3, \"%\": 10 },\n      maxByUnit: { px: 1200, rem: 75, \"%\": 100 },\n      stepByUnit: { px: 10, rem: 1, \"%\": 1 },\n      tab: \"styling\",\n      group: \"Layout\",\n    },\n    // Styling tab - Design group\n    getHeightField({\n      key: \"carouselHeight\",\n      label: \"Carousel Height\",\n      description: \"Height of the carousel\",\n      defaultValue: \"400px\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator2\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getBorderRadiusField({\n      defaultValue: \"md\",\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Rounded corners for the carousel\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getPaddingField({\n      defaultValue: 4,\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding for the carousel\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description: \"Add background overlay to slide content\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay to add to the slide content\",\n      defaultValue: \"gradient\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay background (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"showButton\",\n      label: \"Show Button\",\n      type: \"boolean\",\n      description: \"Display the button in slide content\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      defaultValue: \"primary\",\n      key: \"buttonColor\",\n      label: \"Button Color\",\n      description: \"Color variant for the slide button\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"showButton\",\n    }),\n    getButtonSizeField({\n      defaultValue: \"default\",\n      key: \"buttonSize\",\n      label: \"Button Size\",\n      description: \"Size of the slide button\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"showButton\",\n    }),\n    // Behavior tab - Auto-Scroll group\n    {\n      key: \"enableAutoScroll\",\n      label: \"Enable Auto-Scroll\",\n      type: \"boolean\",\n      description: \"Automatically advance to the next slide\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Auto-Scroll\",\n    },\n    {\n      key: \"autoScrollInterval\",\n      label: \"Auto-Scroll Interval (ms)\",\n      type: \"number\",\n      description: \"Time in milliseconds between automatic slide transitions\",\n      min: 1000,\n      max: 10000,\n      step: 500,\n      defaultValue: 3000,\n      tab: \"behavior\",\n      group: \"Auto-Scroll\",\n      requiresKeyToBeTrue: \"enableAutoScroll\",\n    },\n    // Data tab - Data Configuration group\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n  // Per-item configuration schema for custom data sources\n  itemConfigSchema: {\n    description: \"Configure settings for this slide\",\n    fields: [\n      {\n        key: \"title\",\n        label: \"Custom Title\",\n        type: \"text\",\n        description: \"Override the item's title for this slide\",\n      },\n      {\n        key: \"description\",\n        label: \"Custom Description\",\n        type: \"textarea\",\n        description: \"Override the item's description for this slide\",\n        rows: 3,\n      },\n      {\n        key: \"buttonEnabled\",\n        label: \"Show Button\",\n        type: \"boolean\",\n        description: \"Show the button in the slide\",\n        defaultValue: false,\n      },\n      {\n        key: \"buttonText\",\n        label: \"Button Text\",\n        type: \"text\",\n        description: \"Text to display on the slide button\",\n        requiresKeyToBeTrue: \"buttonEnabled\",\n      },\n      {\n        key: \"buttonLink\",\n        label: \"Button Link\",\n        type: \"text\",\n        description: \"URL for the slide button\",\n        requiresKeyToBeTrue: \"buttonEnabled\",\n      },\n    ],\n  },\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACFM,mBAAAA,mBAAmB;GACjB,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAEF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAED;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CAED,kBAAkB;EAChB,aAAa;EACb,QAAQ;GACN;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,MAAM;IACP;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,cAAc;IACf;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,qBAAqB;IACtB;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,qBAAqB;IACtB;GACF;EACF;CACF"}

package/dist/ListWidget-Ch386fkp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListWidget-Ch386fkp.cjs","names":["MediaRenderer","DOMPurify","getImageUrl","getAspectRatioClass","useWidgetInteraction","gapValues","useWidgetInteraction","gapValues","ScrollArrows","borderWidthClasses","borderColorClasses","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField","getGapField"],"sources":["../../widgets/src/widgets/list-widget/FeaturedSection.tsx","../../widgets/src/widgets/list-widget/ListItemCard.tsx","../../widgets/src/widgets/list-widget/UnorderedList.tsx","../../widgets/src/widgets/list-widget/OrderedList.tsx","../../widgets/src/widgets/ListWidget.tsx"],"sourcesContent":["import type React from \"react\";\nimport type {\n  BorderRadiusOptions,\n  FontSizeOptions,\n  ColorOptions,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../../components/MediaRenderer\";\n\ninterface FeaturedSectionProps {\n  borderRadius: BorderRadiusOptions;\n  titleSize: FontSizeOptions;\n  featuredTitle?: string | undefined;\n  featuredSubtitle?: string | undefined;\n  featuredButtonText?: string | undefined;\n  featuredButtonUrl?: string | undefined;\n  featuredSubtitleColor: ColorOptions;\n  featuredSubtitleSize: FontSizeOptions;\n  asset: { url: string; isVideo: boolean };\n}\n\nexport function FeaturedSection({\n  borderRadius,\n  titleSize,\n  featuredTitle,\n  featuredSubtitle,\n  featuredButtonText,\n  featuredButtonUrl,\n  featuredSubtitleColor,\n  featuredSubtitleSize,\n  asset,\n}: FeaturedSectionProps): React.JSX.Element {\n  return (\n    <div\n      className={`relative h-full min-h-[300px] w-full overflow-hidden rounded-${borderRadius}`}\n    >\n      <div className=\"absolute inset-0 h-full w-full\">\n        <MediaRenderer\n          src={asset.url}\n          mediaType={asset.isVideo ? \"video\" : \"image\"}\n          alt={featuredTitle || \"Featured\"}\n          objectFit=\"cover\"\n          autoplay={asset.isVideo}\n          loop={asset.isVideo}\n          muted={asset.isVideo}\n          controls={false}\n        />\n      </div>\n\n      <div className=\"absolute inset-0 bg-black/40\" />\n\n      <div className=\"absolute inset-0 flex flex-col items-start justify-end p-8\">\n        {featuredTitle && (\n          <h3\n            className={`font-header mb-2 font-bold text-white text-${titleSize === \"md\" ? \"base\" : titleSize}`}\n          >\n            {featuredTitle}\n          </h3>\n        )}\n        {featuredSubtitle && (\n          <p\n            className={`mb-4 text-${featuredSubtitleColor} text-${featuredSubtitleSize === \"md\" ? \"base\" : featuredSubtitleSize}`}\n          >\n            {featuredSubtitle}\n          </p>\n        )}\n        {featuredButtonText && (\n          <a\n            href={featuredButtonUrl || \"#\"}\n            className={`text-foreground bg-white px-6 py-2 font-medium transition-opacity hover:opacity-90 rounded-${borderRadius}`}\n          >\n            {featuredButtonText}\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n","import type React from \"react\";\nimport DOMPurify from \"dompurify\";\nimport type {\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\n\ntype ListItem = {\n  id: string;\n  image?: string;\n  imageUrl?: string;\n  videoUrl?: string;\n  title?: string;\n  description?: string;\n  price?: string;\n  display_price?: string;\n  originalPrice?: string;\n  discount?: string;\n  qv?: string;\n  cv?: string;\n  [key: string]: unknown;\n};\n\nfunction getStringValue(value: unknown): string {\n  if (!value) return \"\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\") return String(value);\n  if (typeof value === \"object\" && value !== null) {\n    if (\"body\" in value) {\n      const body = (value as { body: unknown }).body;\n      if (typeof body === \"string\") return body;\n    }\n    if (\"text\" in value) {\n      const text = (value as { text: unknown }).text;\n      if (typeof text === \"string\") return text;\n    }\n    if (\"value\" in value) {\n      const val = (value as { value: unknown }).value;\n      if (typeof val === \"string\") return val;\n      if (typeof val === \"number\") return String(val);\n    }\n  }\n  return \"\";\n}\n\n/**\n * Strips parenthetical text like \"(USD)\" from price strings.\n * Matches the shop page's stripParentheticalText pattern.\n */\nfunction stripParentheticalText(text: string): string {\n  return text.replace(/\\s*\\([^)]*\\)/g, \"\").trim();\n}\n\n/**\n * Formats a price for display. Follows the shop page pattern:\n * prices arrive pre-formatted from the API via display_price\n * (e.g. \"$19.99\", \"€15.00 (EUR)\") so we just extract the string\n * and strip parenthetical suffixes.\n */\nfunction formatPrice(value: unknown): string {\n  const str = getStringValue(value);\n  if (!str) return \"\";\n  return stripParentheticalText(str);\n}\n\nexport interface ListItemCardContentProps {\n  item: ListItem;\n  padding: PaddingOptions;\n  itemTitleColor: ColorOptions;\n  itemTitleSize: FontSizeOptions;\n  descriptionColor: ColorOptions;\n  descriptionSize: FontSizeOptions;\n  priceColor: ColorOptions;\n  priceSize: FontSizeOptions;\n  originalPriceColor: ColorOptions;\n  metaTextColor: ColorOptions;\n  metaTextSize: FontSizeOptions;\n  showMetaText: boolean;\n}\n\nexport function ListItemCardContent({\n  item,\n  padding,\n  itemTitleColor,\n  itemTitleSize,\n  descriptionColor,\n  descriptionSize,\n  priceColor,\n  priceSize,\n  originalPriceColor,\n  metaTextColor,\n  metaTextSize,\n  showMetaText,\n}: ListItemCardContentProps): React.JSX.Element {\n  return (\n    <div className={`flex flex-1 flex-col p-${padding}`}>\n      {item.title && (\n        <h3\n          className={`text-${itemTitleColor} text-${itemTitleSize === \"md\" ? \"base\" : itemTitleSize} font-header mb-1 font-semibold`}\n        >\n          {getStringValue(item.title)}\n        </h3>\n      )}\n      {item.description && (\n        <div\n          className={`text-${descriptionColor} text-${descriptionSize === \"md\" ? \"base\" : descriptionSize} mb-2 line-clamp-2 overflow-hidden`}\n          dangerouslySetInnerHTML={{\n            __html: DOMPurify.sanitize(item.description ?? \"\", {\n              ALLOWED_TAGS: [\n                \"br\",\n                \"strong\",\n                \"em\",\n                \"b\",\n                \"i\",\n                \"ul\",\n                \"ol\",\n                \"li\",\n                \"p\",\n              ],\n              ALLOWED_ATTR: [],\n            }),\n          }}\n        />\n      )}\n      <div className=\"flex items-center gap-2\">\n        {(item.display_price || item.price) && (\n          <span\n            className={`text-${priceColor} text-${priceSize === \"md\" ? \"base\" : priceSize} font-bold`}\n          >\n            {formatPrice(item.display_price || item.price)}\n          </span>\n        )}\n        {item.originalPrice && (\n          <span\n            className={`text-${originalPriceColor} text-${descriptionSize === \"md\" ? \"base\" : descriptionSize} line-through`}\n          >\n            {formatPrice(item.originalPrice)}\n          </span>\n        )}\n      </div>\n      {showMetaText && (item.qv || item.cv) && (\n        <div\n          className={`mt-2 flex gap-3 text-${metaTextColor} text-${metaTextSize === \"md\" ? \"base\" : metaTextSize}`}\n        >\n          {item.qv && <span>QV: {getStringValue(item.qv)}</span>}\n          {item.cv && <span>CV: {getStringValue(item.cv)}</span>}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function DiscountBadge({\n  discount,\n}: {\n  discount: string;\n}): React.JSX.Element {\n  return (\n    <div className=\"bg-destructive text-destructive-foreground absolute top-2 right-2 z-10 rounded-md px-2 py-1 text-xs font-bold\">\n      {getStringValue(discount)}\n    </div>\n  );\n}\n\nexport { getStringValue };\nexport type { ListItem };\n","import type React from \"react\";\nimport type {\n  ColorOptions,\n  FontSizeOptions,\n  BorderRadiusOptions,\n  PaddingOptions,\n  GapOptions,\n} from \"@fluid-app/portal-core/types\";\nimport { gapValues } from \"../../core/fields\";\nimport { useWidgetInteraction } from \"../../contexts/WidgetInteractionContext\";\nimport {\n  ListItemCardContent,\n  DiscountBadge,\n  type ListItem,\n} from \"./ListItemCard\";\n\ntype ImageAspectRatio = \"square\" | \"landscape\" | \"portrait\";\n\nconst getImageUrl = (item: ListItem): string | undefined => {\n  return item.imageUrl || item.image;\n};\n\nconst getAspectRatioClass = (ratio: ImageAspectRatio): string => {\n  const ratios = {\n    square: \"aspect-square\",\n    landscape: \"aspect-video\",\n    portrait: \"aspect-[3/4]\",\n  };\n  return ratios[ratio];\n};\n\nconst getResponsiveGridClass = (columns: number): string => {\n  const responsiveClasses: Record<number, string> = {\n    1: \"grid-cols-2 @lg:grid-cols-1\",\n    2: \"grid-cols-2 @lg:grid-cols-2\",\n    3: \"grid-cols-2 @lg:grid-cols-3\",\n    4: \"grid-cols-2 @lg:grid-cols-4\",\n    5: \"grid-cols-2 @lg:grid-cols-5\",\n    6: \"grid-cols-2 @lg:grid-cols-6\",\n  };\n  return responsiveClasses[columns] || \"grid-cols-2 @lg:grid-cols-3\";\n};\n\nexport interface UnorderedListProps {\n  items: ListItem[];\n  columns: number;\n  gap: GapOptions;\n  borderRadius: BorderRadiusOptions;\n  imageAspectRatio: ImageAspectRatio;\n  showBadge: boolean;\n  padding: PaddingOptions;\n  itemTitleColor: ColorOptions;\n  itemTitleSize: FontSizeOptions;\n  descriptionColor: ColorOptions;\n  descriptionSize: FontSizeOptions;\n  priceColor: ColorOptions;\n  priceSize: FontSizeOptions;\n  originalPriceColor: ColorOptions;\n  metaTextColor: ColorOptions;\n  metaTextSize: FontSizeOptions;\n  showMetaText: boolean;\n}\n\nexport function UnorderedList({\n  items,\n  columns,\n  gap,\n  borderRadius,\n  imageAspectRatio,\n  showBadge,\n  padding,\n  itemTitleColor,\n  itemTitleSize,\n  descriptionColor,\n  descriptionSize,\n  priceColor,\n  priceSize,\n  originalPriceColor,\n  metaTextColor,\n  metaTextSize,\n  showMetaText,\n}: UnorderedListProps): React.JSX.Element {\n  const gridClass = getResponsiveGridClass(columns);\n  const { onItemClick } = useWidgetInteraction();\n\n  return (\n    <div className={`grid ${gridClass} gap-${gapValues[gap]}`}>\n      {items.map((item) => {\n        const imageUrl = getImageUrl(item);\n        const aspectRatioClass = getAspectRatioClass(imageAspectRatio);\n\n        return (\n          <div\n            key={item.id}\n            className={`relative flex flex-col rounded-${borderRadius} bg-background overflow-hidden shadow-sm transition-shadow hover:shadow-md ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n            {...(onItemClick\n              ? {\n                  role: \"button\",\n                  tabIndex: 0,\n                  onClick: () => onItemClick(item),\n                  onKeyDown: (e: React.KeyboardEvent) => {\n                    if (e.key === \"Enter\" || e.key === \" \") {\n                      e.preventDefault();\n                      onItemClick(item);\n                    }\n                  },\n                }\n              : {})}\n          >\n            {showBadge && item.discount && (\n              <DiscountBadge discount={item.discount} />\n            )}\n            {imageUrl && (\n              <div className={`w-full ${aspectRatioClass} overflow-hidden`}>\n                <img\n                  src={imageUrl}\n                  alt={item.title || \"Product\"}\n                  className=\"h-full w-full object-cover\"\n                />\n              </div>\n            )}\n            <ListItemCardContent\n              item={item}\n              padding={padding}\n              itemTitleColor={itemTitleColor}\n              itemTitleSize={itemTitleSize}\n              descriptionColor={descriptionColor}\n              descriptionSize={descriptionSize}\n              priceColor={priceColor}\n              priceSize={priceSize}\n              originalPriceColor={originalPriceColor}\n              metaTextColor={metaTextColor}\n              metaTextSize={metaTextSize}\n              showMetaText={showMetaText}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { useRef } from \"react\";\nimport type React from \"react\";\nimport type {\n  ColorOptions,\n  FontSizeOptions,\n  BorderRadiusOptions,\n  PaddingOptions,\n  GapOptions,\n} from \"@fluid-app/portal-core/types\";\nimport { gapValues } from \"../../core/fields\";\nimport { useWidgetInteraction } from \"../../contexts/WidgetInteractionContext\";\nimport { ScrollArrows } from \"../../ui/scroll-arrows\";\nimport {\n  ListItemCardContent,\n  DiscountBadge,\n  getStringValue,\n  type ListItem,\n} from \"./ListItemCard\";\n\ntype ImageAspectRatio = \"square\" | \"landscape\" | \"portrait\";\ntype ScrollAxis = \"horizontal\" | \"vertical\";\n\nconst SCROLL_ITEM_WIDTH = 300;\n\nconst getImageUrl = (item: ListItem): string | undefined => {\n  return item.imageUrl || item.image;\n};\n\nconst getAspectRatioClass = (ratio: ImageAspectRatio): string => {\n  const ratios = {\n    square: \"aspect-square\",\n    landscape: \"aspect-video\",\n    portrait: \"aspect-[3/4]\",\n  };\n  return ratios[ratio];\n};\n\nexport interface OrderedListProps {\n  items: ListItem[];\n  scrollAxis: ScrollAxis;\n  gap: GapOptions;\n  borderRadius: BorderRadiusOptions;\n  imageAspectRatio: ImageAspectRatio;\n  showBadge: boolean;\n  padding: PaddingOptions;\n  itemTitleColor: ColorOptions;\n  itemTitleSize: FontSizeOptions;\n  descriptionColor: ColorOptions;\n  descriptionSize: FontSizeOptions;\n  priceColor: ColorOptions;\n  priceSize: FontSizeOptions;\n  originalPriceColor: ColorOptions;\n  metaTextColor: ColorOptions;\n  metaTextSize: FontSizeOptions;\n  numberColor: ColorOptions;\n  numberSize: FontSizeOptions;\n  showMetaText: boolean;\n}\n\nconst largeNumberSizes: Record<FontSizeOptions, string> = {\n  xs: \"8rem\",\n  sm: \"10rem\",\n  md: \"12rem\",\n  lg: \"14rem\",\n  xl: \"16rem\",\n  \"2xl\": \"20rem\",\n};\n\nexport function OrderedList({\n  items,\n  scrollAxis,\n  gap,\n  borderRadius,\n  imageAspectRatio,\n  showBadge,\n  padding,\n  itemTitleColor,\n  itemTitleSize,\n  descriptionColor,\n  descriptionSize,\n  priceColor,\n  priceSize,\n  originalPriceColor,\n  metaTextColor,\n  metaTextSize,\n  numberColor,\n  numberSize,\n  showMetaText,\n}: OrderedListProps): React.JSX.Element | null {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const scrollByAmount = (direction: \"prev\" | \"next\") => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const computedGap = parseFloat(getComputedStyle(container).gap) || 0;\n    const scrollAmount = SCROLL_ITEM_WIDTH + computedGap;\n\n    container.scrollTo({\n      left:\n        container.scrollLeft +\n        (direction === \"next\" ? scrollAmount : -scrollAmount),\n      behavior: \"smooth\",\n    });\n  };\n\n  const { onItemClick } = useWidgetInteraction();\n\n  const interactionProps = (item: ListItem) =>\n    onItemClick\n      ? ({\n          role: \"button\" as const,\n          tabIndex: 0,\n          onClick: () => onItemClick(item),\n          onKeyDown: (e: React.KeyboardEvent) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              onItemClick(item);\n            }\n          },\n        } as const)\n      : {};\n\n  const contentProps = {\n    padding,\n    itemTitleColor,\n    itemTitleSize,\n    descriptionColor,\n    descriptionSize,\n    priceColor,\n    priceSize,\n    originalPriceColor,\n    metaTextColor,\n    metaTextSize,\n    showMetaText,\n  };\n\n  if (scrollAxis === \"horizontal\") {\n    return (\n      <div className=\"relative\">\n        <div\n          ref={scrollContainerRef}\n          className={`flex gap-${gapValues[gap]} scrollbar-hide overflow-x-auto scroll-smooth pb-2`}\n        >\n          {items.map((item, index) => {\n            const imageUrl = getImageUrl(item);\n            const aspectRatioClass = getAspectRatioClass(imageAspectRatio);\n\n            return (\n              <div\n                key={item.id}\n                className={`relative flex w-[300px] flex-shrink-0 flex-col ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                {...interactionProps(item)}\n              >\n                <div\n                  className={`absolute top-0 left-0 text-${numberColor} z-0 leading-none font-bold opacity-20`}\n                  style={{ fontSize: largeNumberSizes[numberSize] }}\n                >\n                  {index + 1}\n                </div>\n\n                <div\n                  className={`relative z-10 ml-20 flex flex-1 flex-col rounded-${borderRadius} bg-background overflow-hidden shadow-sm transition-shadow hover:shadow-md`}\n                >\n                  {showBadge && item.discount && (\n                    <DiscountBadge discount={item.discount} />\n                  )}\n                  {imageUrl && (\n                    <div\n                      className={`w-full ${aspectRatioClass} overflow-hidden`}\n                    >\n                      <img\n                        src={imageUrl}\n                        alt={item.title || \"Product\"}\n                        className=\"h-full w-full object-cover\"\n                      />\n                    </div>\n                  )}\n                  <ListItemCardContent item={item} {...contentProps} />\n                </div>\n              </div>\n            );\n          })}\n        </div>\n\n        <div className=\"absolute inset-x-0 top-1/2 z-20 flex w-full -translate-y-1/2 items-center justify-between px-8\">\n          <ScrollArrows\n            onPrevious={() => scrollByAmount(\"prev\")}\n            onNext={() => scrollByAmount(\"next\")}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  if (scrollAxis === \"vertical\") {\n    return (\n      <div className={`flex flex-col gap-${gapValues[gap]}`}>\n        {items.map((item, index) => {\n          const imageUrl = getImageUrl(item);\n\n          return (\n            <div\n              key={item.id}\n              className={`relative flex gap-${gapValues[gap]} rounded-${borderRadius} bg-background overflow-hidden shadow-sm transition-shadow hover:shadow-md ${`p-${padding}`} ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n              {...interactionProps(item)}\n            >\n              <div\n                className={`flex-shrink-0 text-${numberColor} text-${numberSize === \"md\" ? \"base\" : numberSize} flex w-16 items-center justify-center font-bold`}\n              >\n                {index + 1}\n              </div>\n              {imageUrl && (\n                <div className=\"h-24 w-24 flex-shrink-0 overflow-hidden rounded-md\">\n                  <img\n                    src={imageUrl}\n                    alt={item.title || \"Product\"}\n                    className=\"h-full w-full object-cover\"\n                  />\n                </div>\n              )}\n              <div className=\"flex-1\">\n                <ListItemCardContent item={item} {...contentProps} />\n              </div>\n              {showBadge && item.discount && (\n                <div className=\"bg-destructive text-destructive-foreground absolute top-2 right-2 rounded-md px-2 py-1 text-xs font-bold\">\n                  {getStringValue(item.discount)}\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return null;\n}\n","import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  BorderRadiusOptions,\n  PaddingOptions,\n  GapOptions,\n  BackgroundValue,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  getGapField,\n} from \"../core/fields\";\nimport { FeaturedSection } from \"./list-widget/FeaturedSection\";\nimport { UnorderedList } from \"./list-widget/UnorderedList\";\nimport { OrderedList } from \"./list-widget/OrderedList\";\n\nconst DEFAULT_ITEMS: ListItem[] = [];\n\ntype ListItem = {\n  id: string;\n  image?: string;\n  imageUrl?: string;\n  videoUrl?: string;\n  title?: string;\n  description?: string;\n  price?: string;\n  originalPrice?: string;\n  discount?: string;\n  qv?: string;\n  cv?: string;\n  [key: string]: unknown;\n};\n\ntype ImageAspectRatio = \"square\" | \"landscape\" | \"portrait\";\ntype ListType = \"ordered\" | \"unordered\";\ntype ScrollAxis = \"horizontal\" | \"vertical\";\n\ntype ListWidgetProps = ComponentProps<\"div\"> & {\n  // List configuration\n  listType?: ListType;\n  scrollAxis?: ScrollAxis;\n  titleEnabled?: boolean;\n  title?: string;\n  items?: ListItem[];\n\n  // Text styling\n  titleColor?: ColorOptions;\n  titleSize?: FontSizeOptions;\n  itemTitleColor?: ColorOptions;\n  itemTitleSize?: FontSizeOptions;\n  descriptionColor?: ColorOptions;\n  descriptionSize?: FontSizeOptions;\n  priceColor?: ColorOptions;\n  priceSize?: FontSizeOptions;\n  originalPriceColor?: ColorOptions;\n  metaTextColor?: ColorOptions;\n  metaTextSize?: FontSizeOptions;\n\n  // Ordered list styling\n  numberColor?: ColorOptions;\n  numberSize?: FontSizeOptions;\n\n  // Layout\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  padding?: PaddingOptions;\n  gap?: GapOptions;\n  columns?: number;\n  imageAspectRatio?: ImageAspectRatio;\n  background?: BackgroundValue;\n\n  // Behavior\n  showBadge?: boolean;\n  showMetaText?: boolean;\n  maxItems?: number;\n\n  // Featured section\n  showFeaturedSection?: boolean;\n  featuredAsset?: string | { [key: string]: unknown };\n  featuredTitle?: string;\n  featuredSubtitle?: string;\n  featuredButtonText?: string;\n  featuredButtonUrl?: string;\n  featuredSubtitleColor?: ColorOptions;\n  featuredSubtitleSize?: FontSizeOptions;\n};\n\nfunction getFeaturedAssetUrl(\n  value: string | { [key: string]: unknown } | undefined,\n): { url: string; isVideo: boolean } | undefined {\n  if (!value) return undefined;\n\n  // Handle string URLs\n  if (typeof value === \"string\") {\n    const isVideo = /\\.(mp4|webm|ogg|mov)$/i.test(value);\n    return { url: value, isVideo };\n  }\n\n  // Handle ShareableItem objects\n  if (typeof value === \"object\") {\n    // Check for video URL first\n    const videoUrl =\n      (value.videoUrl as string) ||\n      (value.video_url as string) ||\n      (value.url as string);\n    if (videoUrl && /\\.(mp4|webm|ogg|mov)$/i.test(videoUrl)) {\n      return { url: videoUrl, isVideo: true };\n    }\n\n    // Fall back to image URL\n    const imageUrl =\n      (value.imageUrl as string) ||\n      (value.image_url as string) ||\n      (value.url as string);\n    if (imageUrl) {\n      return { url: imageUrl, isVideo: false };\n    }\n  }\n\n  return undefined;\n}\n\nexport function ListWidget({\n  listType = \"unordered\",\n  scrollAxis = \"horizontal\",\n  titleEnabled = true,\n  title,\n  items = DEFAULT_ITEMS,\n  titleColor = \"foreground\",\n  titleSize = \"lg\",\n  itemTitleColor = \"foreground\",\n  itemTitleSize = \"sm\",\n  descriptionColor = \"foreground\",\n  descriptionSize = \"sm\",\n  priceColor = \"foreground\",\n  priceSize = \"md\",\n  originalPriceColor = \"muted\",\n  metaTextColor = \"muted\",\n  metaTextSize = \"xs\",\n  numberColor = \"primary\",\n  numberSize = \"2xl\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  padding = 4,\n  gap = \"md\",\n  columns = 3,\n  imageAspectRatio = \"square\",\n  background = { type: \"solid\", color: \"background\" },\n  showBadge = true,\n  showMetaText = true,\n  maxItems = 12,\n  showFeaturedSection = false,\n  featuredAsset,\n  featuredTitle,\n  featuredSubtitle,\n  featuredButtonText,\n  featuredButtonUrl,\n  featuredSubtitleColor = \"background\",\n  featuredSubtitleSize = \"md\",\n  className,\n  ...props\n}: ListWidgetProps): React.JSX.Element {\n  const displayItems = maxItems ? items.slice(0, maxItems) : items;\n  const hasItems = displayItems.length > 0;\n\n  const itemStyleProps = {\n    padding,\n    itemTitleColor,\n    itemTitleSize,\n    descriptionColor,\n    descriptionSize,\n    priceColor,\n    priceSize,\n    originalPriceColor,\n    metaTextColor,\n    metaTextSize,\n    showMetaText,\n    showBadge,\n    borderRadius,\n    imageAspectRatio,\n    gap,\n  };\n\n  const hasFeaturedAsset = getFeaturedAssetUrl(featuredAsset);\n  const shouldShowFeaturedSection = showFeaturedSection && hasFeaturedAsset;\n\n  // Background styling\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n\n  return (\n    <div\n      className={`@container bg-${backgroundColor} p-${padding} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {titleEnabled && title && (\n        <h2\n          className={`text-${titleColor} text-${titleSize === \"md\" ? \"base\" : titleSize} font-header mb-6 font-bold`}\n        >\n          {title}\n        </h2>\n      )}\n      {!hasItems ? (\n        <div className=\"border-border bg-muted flex items-center justify-center rounded-md border-2 border-dashed py-12 text-center\">\n          <p className=\"text-muted\">No items to display</p>\n        </div>\n      ) : shouldShowFeaturedSection ? (\n        <div className=\"flex flex-col gap-4 @lg:flex-row @lg:gap-6\">\n          <div className=\"w-full @lg:w-[45%]\">\n            <FeaturedSection\n              borderRadius={borderRadius}\n              titleSize={titleSize}\n              featuredTitle={featuredTitle}\n              featuredSubtitle={featuredSubtitle}\n              featuredButtonText={featuredButtonText}\n              featuredButtonUrl={featuredButtonUrl}\n              featuredSubtitleColor={featuredSubtitleColor}\n              featuredSubtitleSize={featuredSubtitleSize}\n              asset={hasFeaturedAsset!}\n            />\n          </div>\n          <div className=\"w-full @lg:w-[55%]\">\n            {listType === \"unordered\" ? (\n              <UnorderedList\n                items={displayItems}\n                columns={columns}\n                {...itemStyleProps}\n              />\n            ) : (\n              <OrderedList\n                items={displayItems}\n                scrollAxis={scrollAxis}\n                numberColor={numberColor}\n                numberSize={numberSize}\n                {...itemStyleProps}\n              />\n            )}\n          </div>\n        </div>\n      ) : listType === \"unordered\" ? (\n        <UnorderedList\n          items={displayItems}\n          columns={columns}\n          {...itemStyleProps}\n        />\n      ) : (\n        <OrderedList\n          items={displayItems}\n          scrollAxis={scrollAxis}\n          numberColor={numberColor}\n          numberSize={numberSize}\n          {...itemStyleProps}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const listWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ListWidget\",\n  displayName: \"List\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"items\"],\n  fields: [\n    // Styling tab - Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the list\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Header text for the list\",\n      defaultValue: \"List\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleSize\",\n      label: \"Title Font Size\",\n      description: \"Size of the list title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the list title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling tab - Design group\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding inside the container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Rounded corners for the container and images\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getGapField({\n      key: \"gap\",\n      label: \"Gap\",\n      description: \"Spacing between items\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      type: \"background\",\n      defaultValue: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background color or image for the widget\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n\n    // Styling tab - List Configuration group\n    {\n      key: \"listType\",\n      label: \"List Type\",\n      type: \"select\",\n      description: \"Type of list layout\",\n      defaultValue: \"unordered\",\n      options: [\n        { label: \"Unordered (Grid)\", value: \"unordered\" },\n        { label: \"Ordered (Numbered)\", value: \"ordered\" },\n      ],\n      tab: \"styling\",\n      group: \"List Configuration\",\n    },\n    {\n      key: \"maxItems\",\n      label: \"Max Items\",\n      type: \"number\",\n      description: \"Maximum number of items to display\",\n      min: 1,\n      max: 100,\n      step: 1,\n      defaultValue: 12,\n      tab: \"styling\",\n      group: \"List Configuration\",\n    },\n    {\n      key: \"imageAspectRatio\",\n      label: \"Image Aspect Ratio\",\n      type: \"buttonGroup\",\n      description: \"Aspect ratio for item images\",\n      defaultValue: \"square\",\n      options: [\n        { label: \"Square\", value: \"square\" },\n        { label: \"Landscape\", value: \"landscape\" },\n        { label: \"Portrait\", value: \"portrait\" },\n      ],\n      tab: \"styling\",\n      group: \"List Configuration\",\n    },\n    {\n      key: \"showBadge\",\n      label: \"Show Discount Badge\",\n      type: \"boolean\",\n      description: \"Display discount badge on images\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"List Configuration\",\n    },\n    {\n      key: \"showMetaText\",\n      label: \"Show QV/CV Text\",\n      type: \"boolean\",\n      description: \"Display QV and CV values\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"List Configuration\",\n    },\n\n    // Styling tab - Unordered List Configuration\n    {\n      key: \"columns\",\n      label: \"Grid Columns\",\n      type: \"number\",\n      description: \"Number of columns in the grid (unordered list only)\",\n      min: 1,\n      max: 6,\n      step: 1,\n      defaultValue: 3,\n      tab: \"styling\",\n      group: \"Unordered List Configuration\",\n      requiresKeyValue: { key: \"listType\", value: \"unordered\" },\n    },\n\n    // Styling tab - Ordered List Configuration\n    {\n      key: \"scrollAxis\",\n      label: \"Scroll Direction\",\n      type: \"select\",\n      description: \"Direction for ordered list scrolling\",\n      defaultValue: \"horizontal\",\n      options: [\n        { label: \"Horizontal\", value: \"horizontal\" },\n        { label: \"Vertical\", value: \"vertical\" },\n      ],\n      tab: \"styling\",\n      group: \"Ordered List Configuration\",\n      requiresKeyValue: { key: \"listType\", value: \"ordered\" },\n    },\n    getColorField({\n      key: \"numberColor\",\n      label: \"Number Color\",\n      description: \"Color for ordered list numbers\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Ordered List Configuration\",\n      requiresKeyValue: { key: \"listType\", value: \"ordered\" },\n    }),\n    getFontSizeField({\n      key: \"numberSize\",\n      label: \"Number Font Size\",\n      description: \"Size of ordered list numbers\",\n      defaultValue: \"2xl\",\n      tab: \"styling\",\n      group: \"Ordered List Configuration\",\n      requiresKeyValue: { key: \"listType\", value: \"ordered\" },\n    }),\n\n    // Styling tab - Item Styling group\n    getColorField({\n      key: \"itemTitleColor\",\n      label: \"Item Title Color\",\n      description: \"Color for item titles\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    getFontSizeField({\n      key: \"itemTitleSize\",\n      label: \"Item Title Font Size\",\n      description: \"Size of item titles\",\n      defaultValue: \"sm\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    {\n      key: \"separator2\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    },\n    getColorField({\n      key: \"descriptionColor\",\n      label: \"Description Color\",\n      description: \"Color for descriptions\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    getFontSizeField({\n      key: \"descriptionSize\",\n      label: \"Description Font Size\",\n      description: \"Size of descriptions\",\n      defaultValue: \"sm\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    {\n      key: \"separator3\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    },\n    getColorField({\n      key: \"priceColor\",\n      label: \"Price Color\",\n      description: \"Color for prices\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    getFontSizeField({\n      key: \"priceSize\",\n      label: \"Price Font Size\",\n      description: \"Size of prices\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    getColorField({\n      key: \"originalPriceColor\",\n      label: \"Original Price Color\",\n      description: \"Color for crossed-out original prices\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    {\n      key: \"separator4\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    },\n    getColorField({\n      key: \"metaTextColor\",\n      label: \"Meta Text Color\",\n      description: \"Color for QV/CV text\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n    getFontSizeField({\n      key: \"metaTextSize\",\n      label: \"Meta Text Font Size\",\n      description: \"Size of QV/CV text\",\n      defaultValue: \"xs\",\n      tab: \"styling\",\n      group: \"Item Styling\",\n    }),\n\n    // Styling tab - Featured Section group\n    {\n      key: \"showFeaturedSection\",\n      label: \"Show Featured Section\",\n      type: \"boolean\",\n      description: \"Display a featured content section\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Featured Section\",\n    },\n    {\n      key: \"featuredAsset\",\n      label: \"Featured Asset\",\n      type: \"resource\",\n      description:\n        \"Select a single image or video resource for the featured section\",\n      tab: \"styling\",\n      group: \"Featured Section\",\n      allowedTypes: [\"Medium\"],\n      requiresKeyToBeTrue: \"showFeaturedSection\",\n    },\n    {\n      key: \"featuredTitle\",\n      label: \"Featured Title\",\n      type: \"text\",\n      description: \"Title for featured section\",\n      tab: \"styling\",\n      group: \"Featured Section\",\n      requiresKeyToBeTrue: \"showFeaturedSection\",\n    },\n    {\n      key: \"featuredSubtitle\",\n      label: \"Featured Subtitle\",\n      type: \"text\",\n      description: \"Subtitle for featured section\",\n      tab: \"styling\",\n      group: \"Featured Section\",\n      requiresKeyToBeTrue: \"showFeaturedSection\",\n    },\n    {\n      key: \"featuredButtonText\",\n      label: \"Featured Button Text\",\n      type: \"text\",\n      description: \"Text for featured section button\",\n      tab: \"styling\",\n      group: \"Featured Section\",\n      requiresKeyToBeTrue: \"showFeaturedSection\",\n    },\n    {\n      key: \"featuredButtonUrl\",\n      label: \"Featured Button URL\",\n      type: \"text\",\n      description: \"URL for featured section button\",\n      tab: \"styling\",\n      group: \"Featured Section\",\n      requiresKeyToBeTrue: \"showFeaturedSection\",\n    },\n    getColorField({\n      key: \"featuredSubtitleColor\",\n      label: \"Featured Subtitle Color\",\n      description: \"Color for featured subtitle\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Featured Section\",\n      requiresKeyToBeTrue: \"showFeaturedSection\",\n    }),\n    getFontSizeField({\n      key: \"featuredSubtitleSize\",\n      label: \"Featured Subtitle Font Size\",\n      description: \"Size of featured subtitle\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Featured Section\",\n      requiresKeyToBeTrue: \"showFeaturedSection\",\n    }),\n\n    // Data tab - Data Configuration\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n  itemConfigSchema: {\n    description: \"Configure settings for this list item\",\n    fields: [\n      {\n        key: \"title\",\n        label: \"Custom Title\",\n        type: \"text\",\n        description: \"Override the item's title\",\n      },\n      {\n        key: \"description\",\n        label: \"Custom Description\",\n        type: \"textarea\",\n        description: \"Override the item's description\",\n        rows: 3,\n      },\n      {\n        key: \"price\",\n        label: \"Price\",\n        type: \"text\",\n        description: \"Current price\",\n      },\n      {\n        key: \"originalPrice\",\n        label: \"Original Price\",\n        type: \"text\",\n        description: \"Original price (will be crossed out)\",\n      },\n      {\n        key: \"discount\",\n        label: \"Discount Badge\",\n        type: \"text\",\n        description: \"Discount text (e.g., '40% Off')\",\n      },\n      {\n        key: \"qv\",\n        label: \"QV Value\",\n        type: \"text\",\n        description: \"Qualifying Volume value\",\n      },\n      {\n        key: \"cv\",\n        label: \"CV Value\",\n        type: \"text\",\n        description: \"Commission Volume value\",\n      },\n      {\n        key: \"image\",\n        label: \"Image URL\",\n        type: \"text\",\n        description: \"Custom image URL for this item\",\n      },\n    ],\n  },\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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P,MAAM;GACN,aACE;GACF,KAAK;GACL,OAAO;GACP,cAAc,CAAC,SAAS;GACxB,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACDC,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACFD,mBAAAA,iBAAiB;GACf,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAGF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CACD,kBAAkB;EAChB,aAAa;EACb,QAAQ;GACN;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACb,MAAM;IACP;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACD;IACE,KAAK;IACL,OAAO;IACP,MAAM;IACN,aAAa;IACd;GACF;EACF;CACF"}