@fluid-app/rep-core 0.1.0 → 0.1.1

package/dist/chunk-2SIG55BD.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+// src/data-sources/transformers.ts
+function extractImageUrl(d) {
+  if (d.image_url) return d.image_url;
+  if (d.imageUrl) return d.imageUrl;
+  if (d.thumbnail_url) return d.thumbnail_url;
+  if (d.src) return d.src;
+  const images = d.images;
+  if (images && images.length > 0) {
+    const firstImage = images[0];
+    if (firstImage?.image_url) return firstImage.image_url;
+    if (firstImage?.url) return firstImage.url;
+  }
+  const libraryItems = d.library_items;
+  if (libraryItems && libraryItems.length > 0) {
+    const firstItem = libraryItems[0];
+    const relateable = firstItem?.relateable;
+    if (relateable?.image_url) return relateable.image_url;
+    if (relateable?.imageUrl) return relateable.imageUrl;
+    if (relateable?.thumbnail_url) return relateable.thumbnail_url;
+  }
+  return "";
+}
+function extractDescription(d) {
+  const desc = d.description ?? d.stripped ?? d.stripped_description ?? d.body ?? "";
+  if (typeof desc === "object" && desc !== null && "body" in desc) {
+    return desc.body ?? "";
+  }
+  return desc;
+}
+function extractCustomWidgetConfig(d, source) {
+  if (source === void 0 || source.type !== "custom") return {};
+  const selectedItem = source.selectedItems.find(
+    (s) => String(s.id) === String(d.id)
+  );
+  return selectedItem?.widgetConfig ?? {};
+}
+var toImagePropsFromShareable = (data) => {
+  const item = Array.isArray(data) ? data[0] : data;
+  if (!item || typeof item !== "object") {
+    return { src: "", alt: "Image", objectFit: "cover" };
+  }
+  const d = item;
+  return {
+    src: extractImageUrl(d),
+    alt: d.title ?? d.name ?? d.alt ?? "Image",
+    objectFit: "cover"
+  };
+};
+var toVideoPropsFromShareable = (data) => {
+  const item = Array.isArray(data) ? data[0] : data;
+  if (!item || typeof item !== "object") {
+    return { src: "", poster: "", caption: "" };
+  }
+  const d = item;
+  return {
+    src: (d.video_url ?? d.videoUrl ?? d.src) || "",
+    poster: extractImageUrl(d),
+    caption: d.title ?? d.name ?? d.caption ?? ""
+  };
+};
+var toShareableProps = (data, source) => {
+  if (!Array.isArray(data)) return [];
+  return data.map((item) => {
+    const d = item;
+    const widgetConfig = extractCustomWidgetConfig(d, source);
+    return {
+      id: d.id,
+      title: d.title ?? d.name ?? "",
+      description: extractDescription(d),
+      imageUrl: extractImageUrl(d),
+      videoUrl: (d.video_url ?? d.videoUrl) || null,
+      shareableType: d.type ?? d.relateable_type ?? d.shareableType ?? "",
+      kind: d.kind ?? "image",
+      status: d.status ?? "active",
+      price: d.display_price ?? d.price ?? null,
+      wholesalePrice: d.display_wholesale_price ?? d.wholesale_price ?? null,
+      subscriptionPrice: d.subscription_price ?? null,
+      outOfStock: d.out_of_stock ?? false,
+      lowInStock: d.low_in_stock ?? false,
+      ...d,
+      ...widgetConfig
+    };
+  });
+};
+var toCarouselSlidesFromShareables = (data, source) => {
+  if (!Array.isArray(data)) return [];
+  return data.map((item, index) => {
+    const d = item;
+    const widgetConfig = extractCustomWidgetConfig(d, source);
+    const imageUrl = extractImageUrl(d);
+    const isVideo = d.kind === "video" || d.videoUrl || d.video_url;
+    const title = d.title ?? d.name ?? "";
+    const content = isVideo ? {
+      type: "VideoWidget",
+      props: {
+        src: (d.videoUrl ?? d.video_url) || "",
+        poster: imageUrl,
+        caption: title
+      }
+    } : {
+      type: "ImageWidget",
+      props: {
+        src: imageUrl,
+        alt: title || "Slide image",
+        objectFit: "cover"
+      }
+    };
+    const baseSlide = {
+      id: String(d.id ?? `slide-${index}`),
+      content,
+      title,
+      description: extractDescription(d)
+    };
+    return {
+      ...baseSlide,
+      ...widgetConfig
+    };
+  });
+};
+var WIDGET_TRANSFORMERS = {
+  toShareableProps,
+  toCarouselSlidesFromShareables,
+  toImagePropsFromShareable,
+  toVideoPropsFromShareable
+};
+
+exports.WIDGET_TRANSFORMERS = WIDGET_TRANSFORMERS;
+//# sourceMappingURL=chunk-2SIG55BD.cjs.map
+//# sourceMappingURL=chunk-2SIG55BD.cjs.map

package/dist/chunk-2SIG55BD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/transformers.ts"],"names":[],"mappings":"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","file":"chunk-2SIG55BD.cjs","sourcesContent":["/**\n * Widget Transformers\n *\n * Transform functions that map API response data to widget-specific prop shapes.\n * Each widget has one transformer that handles all data structure variants:\n * - Standard: Direct field name match\n * - Legacy: Different field names that need mapping\n * - Minimal: Bare minimum fields that need defaults\n *\n * Usage:\n * 1. Transformers are registered in the DataSourceRegistry\n * 2. Reference by name in ApiDataSource.transform\n * 3. Applied after resultPath extraction, before targetProps assignment\n */\n\nimport type { DataTransformer, DataSource } from \"./types\";\n\n/**\n * Helper to extract image URL from various API response structures.\n * Handles:\n * - Flat fields (Medium, Page, Product): image_url, imageUrl, thumbnail_url, src\n * - Nested images array (EnrollmentPack): images[0].image_url\n * - Nested library_items (Library): library_items[0].relateable.image_url\n */\nfunction extractImageUrl(d: Record<string, unknown>): string {\n  // Try flat fields first (Medium, Page, Product)\n  if (d.image_url) return d.image_url as string;\n  if (d.imageUrl) return d.imageUrl as string;\n  if (d.thumbnail_url) return d.thumbnail_url as string;\n  if (d.src) return d.src as string;\n\n  // Try nested images array (EnrollmentPack)\n  const images = d.images as Array<Record<string, unknown>> | undefined;\n  if (images && images.length > 0) {\n    const firstImage = images[0];\n    if (firstImage?.image_url) return firstImage.image_url as string;\n    if (firstImage?.url) return firstImage.url as string;\n  }\n\n  // Try nested library_items (Library/Playlist)\n  const libraryItems = d.library_items as\n    | Array<Record<string, unknown>>\n    | undefined;\n  if (libraryItems && libraryItems.length > 0) {\n    const firstItem = libraryItems[0];\n    const relateable = firstItem?.relateable as\n      | Record<string, unknown>\n      | undefined;\n    if (relateable?.image_url) return relateable.image_url as string;\n    if (relateable?.imageUrl) return relateable.imageUrl as string;\n    if (relateable?.thumbnail_url) return relateable.thumbnail_url as string;\n  }\n\n  return \"\";\n}\n\n/**\n * Helper to extract description from various API response structures.\n * Handles different field names across endpoints.\n */\nfunction extractDescription(d: Record<string, unknown>): string {\n  // Try various description field names\n  const desc =\n    d.description ?? d.stripped ?? d.stripped_description ?? d.body ?? \"\";\n\n  // Handle nested description object (some APIs return { body: \"...\" })\n  if (typeof desc === \"object\" && desc !== null && \"body\" in desc) {\n    return ((desc as Record<string, unknown>).body as string) ?? \"\";\n  }\n\n  return desc as string;\n}\n\n/**\n * Helper to extract custom widget config from a selected item.\n */\nfunction extractCustomWidgetConfig(\n  d: Record<string, unknown>,\n  source: DataSource | undefined,\n): Record<string, unknown> {\n  if (source === undefined || source.type !== \"custom\") return {};\n\n  const selectedItem = source.selectedItems.find(\n    (s) => String(s.id) === String(d.id),\n  );\n  return selectedItem?.widgetConfig ?? {};\n}\n\n/**\n * ImageWidget transformer from shareable data\n */\nconst toImagePropsFromShareable: DataTransformer = (data) => {\n  const item = Array.isArray(data) ? data[0] : data;\n  if (!item || typeof item !== \"object\") {\n    return { src: \"\", alt: \"Image\", objectFit: \"cover\" };\n  }\n\n  const d = item as Record<string, unknown>;\n  return {\n    src: extractImageUrl(d),\n    alt: (d.title ?? d.name ?? d.alt ?? \"Image\") as string,\n    objectFit: \"cover\" as const,\n  };\n};\n\n/**\n * VideoWidget transformer from shareable data\n */\nconst toVideoPropsFromShareable: DataTransformer = (data) => {\n  const item = Array.isArray(data) ? data[0] : data;\n  if (!item || typeof item !== \"object\") {\n    return { src: \"\", poster: \"\", caption: \"\" };\n  }\n\n  const d = item as Record<string, unknown>;\n  return {\n    src: ((d.video_url ?? d.videoUrl ?? d.src) as string) || \"\",\n    poster: extractImageUrl(d),\n    caption: (d.title ?? d.name ?? d.caption ?? \"\") as string,\n  };\n};\n\n/**\n * Shareable content transformer\n * Normalizes shareable API responses to a consistent format\n */\nconst toShareableProps: DataTransformer = (data, source) => {\n  if (!Array.isArray(data)) return [];\n\n  return data.map((item: unknown) => {\n    const d = item as Record<string, unknown>;\n\n    const widgetConfig = extractCustomWidgetConfig(d, source);\n\n    return {\n      id: d.id,\n      title: (d.title ?? d.name ?? \"\") as string,\n      description: extractDescription(d),\n      imageUrl: extractImageUrl(d),\n      videoUrl: ((d.video_url ?? d.videoUrl) as string) || null,\n      shareableType: (d.type ??\n        d.relateable_type ??\n        d.shareableType ??\n        \"\") as string,\n      kind: (d.kind ?? \"image\") as string,\n      status: (d.status ?? \"active\") as string,\n      price: d.display_price ?? d.price ?? null,\n      wholesalePrice: d.display_wholesale_price ?? d.wholesale_price ?? null,\n      subscriptionPrice: d.subscription_price ?? null,\n      outOfStock: d.out_of_stock ?? false,\n      lowInStock: d.low_in_stock ?? false,\n      ...d,\n      ...widgetConfig,\n    };\n  });\n};\n\n/**\n * Carousel slides from shareables transformer\n */\nconst toCarouselSlidesFromShareables: DataTransformer = (data, source) => {\n  if (!Array.isArray(data)) return [];\n\n  return data.map((item: unknown, index: number) => {\n    const d = item as Record<string, unknown>;\n\n    const widgetConfig = extractCustomWidgetConfig(d, source);\n\n    const imageUrl = extractImageUrl(d);\n    const isVideo = d.kind === \"video\" || d.videoUrl || d.video_url;\n    const title = (d.title ?? d.name ?? \"\") as string;\n\n    const content = isVideo\n      ? {\n          type: \"VideoWidget\",\n          props: {\n            src: ((d.videoUrl ?? d.video_url) as string) || \"\",\n            poster: imageUrl,\n            caption: title,\n          },\n        }\n      : {\n          type: \"ImageWidget\",\n          props: {\n            src: imageUrl,\n            alt: title || \"Slide image\",\n            objectFit: \"cover\",\n          },\n        };\n\n    const baseSlide = {\n      id: String(d.id ?? `slide-${index}`),\n      content,\n      title,\n      description: extractDescription(d),\n    };\n\n    return {\n      ...baseSlide,\n      ...widgetConfig,\n    };\n  });\n};\n\n/**\n * All widget transformers bundled for registration\n */\nexport const WIDGET_TRANSFORMERS: Record<string, DataTransformer> = {\n  toShareableProps,\n  toCarouselSlidesFromShareables,\n  toImagePropsFromShareable,\n  toVideoPropsFromShareable,\n};\n"]}

package/dist/chunk-2SPTFZRC.js

@@ -0,0 +1,72 @@
+import { createContext, useSyncExternalStore, useCallback, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/shell/ThemeModeContext.tsx
+var ThemeModeContext = createContext(null);
+var darkMediaQuery = typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+function subscribeToPrefersColorScheme(callback) {
+  darkMediaQuery?.addEventListener("change", callback);
+  return () => darkMediaQuery?.removeEventListener("change", callback);
+}
+function getSystemPrefersDark() {
+  return darkMediaQuery?.matches ?? false;
+}
+function getServerSnapshot() {
+  return false;
+}
+function ThemeModeProvider({
+  children,
+  mode,
+  onModeChange,
+  autoModeEnabled = true
+}) {
+  const systemPrefersDark = useSyncExternalStore(
+    subscribeToPrefersColorScheme,
+    getSystemPrefersDark,
+    getServerSnapshot
+  );
+  const systemMode = systemPrefersDark ? "dark" : "light";
+  const displayMode = mode === "auto" ? systemMode : mode;
+  const cycleMode = useCallback(() => {
+    if (autoModeEnabled) {
+      const target = displayMode === "light" ? "dark" : "light";
+      onModeChange(target === systemMode ? "auto" : target);
+    } else {
+      onModeChange(mode === "light" ? "dark" : "light");
+    }
+  }, [mode, displayMode, systemMode, onModeChange, autoModeEnabled]);
+  const dataAttribute = getThemeModeAttribute(mode);
+  const value = useMemo(
+    () => ({
+      mode,
+      displayMode,
+      setMode: onModeChange,
+      autoModeEnabled,
+      cycleMode,
+      dataAttribute
+    }),
+    [
+      mode,
+      displayMode,
+      onModeChange,
+      autoModeEnabled,
+      cycleMode,
+      dataAttribute
+    ]
+  );
+  return /* @__PURE__ */ jsx(ThemeModeContext.Provider, { value, children });
+}
+function useThemeMode() {
+  const ctx = useContext(ThemeModeContext);
+  if (!ctx) {
+    throw new Error("useThemeMode must be used within a ThemeModeProvider");
+  }
+  return ctx;
+}
+function getThemeModeAttribute(mode) {
+  return mode === "auto" ? void 0 : mode;
+}
+
+export { ThemeModeProvider, getThemeModeAttribute, useThemeMode };
+//# sourceMappingURL=chunk-2SPTFZRC.js.map
+//# sourceMappingURL=chunk-2SPTFZRC.js.map

package/dist/chunk-2SPTFZRC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/ThemeModeContext.tsx"],"names":[],"mappings":";;;;AAwBA,IAAM,gBAAA,GAAmB,cAA4C,IAAI,CAAA;AAEzE,IAAM,iBACJ,OAAO,MAAA,KAAW,cACd,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,GAChD,IAAA;AAEN,SAAS,8BAA8B,QAAA,EAAsB;AAC3D,EAAA,cAAA,EAAgB,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACnD,EAAA,OAAO,MAAM,cAAA,EAAgB,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AACrE;AAEA,SAAS,oBAAA,GAAgC;AACvC,EAAA,OAAO,gBAAgB,OAAA,IAAW,KAAA;AACpC;AAEA,SAAS,iBAAA,GAA6B;AACpC,EAAA,OAAO,KAAA;AACT;AAUO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA,GAAkB;AACpB,CAAA,EAA2B;AACzB,EAAA,MAAM,iBAAA,GAAoB,oBAAA;AAAA,IACxB,6BAAA;AAAA,IACA,oBAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,UAAA,GAA0B,oBAAoB,MAAA,GAAS,OAAA;AAE7D,EAAA,MAAM,WAAA,GAA2B,IAAA,KAAS,MAAA,GAAS,UAAA,GAAa,IAAA;AAEhE,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM;AAClC,IAAA,IAAI,eAAA,EAAiB;AAEnB,MAAA,MAAM,MAAA,GAAsB,WAAA,KAAgB,OAAA,GAAU,MAAA,GAAS,OAAA;AAC/D,MAAA,YAAA,CAAa,MAAA,KAAW,UAAA,GAAa,MAAA,GAAS,MAAM,CAAA;AAAA,IACtD,CAAA,MAAO;AAEL,MAAA,YAAA,CAAa,IAAA,KAAS,OAAA,GAAU,MAAA,GAAS,OAAO,CAAA;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,aAAa,UAAA,EAAY,YAAA,EAAc,eAAe,CAAC,CAAA;AAEjE,EAAA,MAAM,aAAA,GAAgB,sBAAsB,IAAI,CAAA;AAEhD,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA,EAAS,YAAA;AAAA,MACT,eAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OACxB,QAAA,EACH,CAAA;AAEJ;AAGO,SAAS,YAAA,GAAsC;AACpD,EAAA,MAAM,GAAA,GAAM,WAAW,gBAAgB,CAAA;AACvC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,sDAAsD,CAAA;AAAA,EACxE;AACA,EAAA,OAAO,GAAA;AACT;AAGO,SAAS,sBAAsB,IAAA,EAAqC;AACzE,EAAA,OAAO,IAAA,KAAS,SAAS,MAAA,GAAY,IAAA;AACvC","file":"chunk-2SPTFZRC.js","sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\n\nexport type ThemeMode = \"auto\" | \"light\" | \"dark\";\n\nexport type DisplayMode = \"light\" | \"dark\";\n\nexport interface ThemeModeContextValue {\n  mode: ThemeMode;\n  displayMode: DisplayMode;\n  setMode: (mode: ThemeMode) => void;\n  autoModeEnabled: boolean;\n  cycleMode: () => void;\n  dataAttribute: string | undefined;\n}\n\nconst ThemeModeContext = createContext<ThemeModeContextValue | null>(null);\n\nconst darkMediaQuery =\n  typeof window !== \"undefined\"\n    ? window.matchMedia(\"(prefers-color-scheme: dark)\")\n    : null;\n\nfunction subscribeToPrefersColorScheme(callback: () => void) {\n  darkMediaQuery?.addEventListener(\"change\", callback);\n  return () => darkMediaQuery?.removeEventListener(\"change\", callback);\n}\n\nfunction getSystemPrefersDark(): boolean {\n  return darkMediaQuery?.matches ?? false;\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\ninterface ThemeModeProviderProps {\n  children: ReactNode;\n  mode: ThemeMode;\n  onModeChange: (mode: ThemeMode) => void;\n  /** When false, auto mode is skipped in the cycle (light↔dark only). Default true. */\n  autoModeEnabled?: boolean;\n}\n\nexport function ThemeModeProvider({\n  children,\n  mode,\n  onModeChange,\n  autoModeEnabled = true,\n}: ThemeModeProviderProps) {\n  const systemPrefersDark = useSyncExternalStore(\n    subscribeToPrefersColorScheme,\n    getSystemPrefersDark,\n    getServerSnapshot,\n  );\n\n  const systemMode: DisplayMode = systemPrefersDark ? \"dark\" : \"light\";\n\n  const displayMode: DisplayMode = mode === \"auto\" ? systemMode : mode;\n\n  const cycleMode = useCallback(() => {\n    if (autoModeEnabled) {\n      // Toggle displayed mode. If target matches system preference, use \"auto\".\n      const target: DisplayMode = displayMode === \"light\" ? \"dark\" : \"light\";\n      onModeChange(target === systemMode ? \"auto\" : target);\n    } else {\n      // light ↔ dark\n      onModeChange(mode === \"light\" ? \"dark\" : \"light\");\n    }\n  }, [mode, displayMode, systemMode, onModeChange, autoModeEnabled]);\n\n  const dataAttribute = getThemeModeAttribute(mode);\n\n  const value = useMemo(\n    () => ({\n      mode,\n      displayMode,\n      setMode: onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    }),\n    [\n      mode,\n      displayMode,\n      onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    ],\n  );\n\n  return (\n    <ThemeModeContext.Provider value={value}>\n      {children}\n    </ThemeModeContext.Provider>\n  );\n}\n\n/** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */\nexport function useThemeMode(): ThemeModeContextValue {\n  const ctx = useContext(ThemeModeContext);\n  if (!ctx) {\n    throw new Error(\"useThemeMode must be used within a ThemeModeProvider\");\n  }\n  return ctx;\n}\n\n/** Maps a ThemeMode to the value for `data-theme-mode`. Returns undefined for \"auto\". */\nexport function getThemeModeAttribute(mode: ThemeMode): string | undefined {\n  return mode === \"auto\" ? undefined : mode;\n}\n"]}

package/dist/chunk-3I5Y3PEO.js

@@ -0,0 +1,23 @@
+import { createContext, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/data-sources/context.tsx
+var DataSourceContext = createContext({});
+function DataSourceProvider({
+  baseUrl,
+  getApiHeaders,
+  children
+}) {
+  const value = useMemo(
+    () => ({ baseUrl, getApiHeaders }),
+    [baseUrl, getApiHeaders]
+  );
+  return /* @__PURE__ */ jsx(DataSourceContext.Provider, { value, children });
+}
+function useDataSourceConfig() {
+  return useContext(DataSourceContext);
+}
+
+export { DataSourceProvider, useDataSourceConfig };
+//# sourceMappingURL=chunk-3I5Y3PEO.js.map
+//# sourceMappingURL=chunk-3I5Y3PEO.js.map

package/dist/chunk-3I5Y3PEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/context.tsx"],"names":[],"mappings":";;;;AAOA,IAAM,iBAAA,GAAoB,aAAA,CAAsC,EAAE,CAAA;AAQ3D,SAAS,kBAAA,CAAmB;AAAA,EACjC,OAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO,EAAE,OAAA,EAAS,aAAA,EAAc,CAAA;AAAA,IAChC,CAAC,SAAS,aAAa;AAAA,GACzB;AAEA,EAAA,uBACE,GAAA,CAAC,iBAAA,CAAkB,QAAA,EAAlB,EAA2B,OACzB,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAA,GAA8C;AAC5D,EAAA,OAAO,WAAW,iBAAiB,CAAA;AACrC","file":"chunk-3I5Y3PEO.js","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\n\nexport interface DataSourceContextValue {\n  baseUrl?: string | undefined;\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n}\n\nconst DataSourceContext = createContext<DataSourceContextValue>({});\n\nexport interface DataSourceProviderProps {\n  baseUrl?: string | undefined;\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  children: ReactNode;\n}\n\nexport function DataSourceProvider({\n  baseUrl,\n  getApiHeaders,\n  children,\n}: DataSourceProviderProps) {\n  const value = useMemo(\n    () => ({ baseUrl, getApiHeaders }),\n    [baseUrl, getApiHeaders],\n  );\n\n  return (\n    <DataSourceContext.Provider value={value}>\n      {children}\n    </DataSourceContext.Provider>\n  );\n}\n\nexport function useDataSourceConfig(): DataSourceContextValue {\n  return useContext(DataSourceContext);\n}\n"]}

package/dist/chunk-46PUWB7C.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+// src/data-sources/fetchers/api.ts
+function getByPath(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    if (current && typeof current === "object" && key in current) {
+      return current[key];
+    }
+    return void 0;
+  }, obj);
+}
+function interpolateVariables(endpoint, variables) {
+  if (!variables) return endpoint;
+  const resolved = endpoint.replace(
+    /\{(\w+)\}/g,
+    (match, key) => variables[key] ?? match
+  );
+  const unresolved = resolved.match(/\{(\w+)\}/g);
+  if (unresolved) {
+    console.warn(
+      `[DataSource] Unresolved variable placeholders in endpoint: ${unresolved.join(", ")}. Endpoint: "${endpoint}". Available variables: ${Object.keys(variables).join(", ") || "(none)"}`
+    );
+  }
+  return resolved;
+}
+function resolveEndpointUrl(endpoint, baseUrl, variables) {
+  const resolved = interpolateVariables(endpoint, variables);
+  if (resolved.startsWith("http://") || resolved.startsWith("https://")) {
+    return resolved;
+  }
+  if (baseUrl) {
+    const base = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const path = resolved.startsWith("/") ? resolved : `/${resolved}`;
+    return `${base}${path}`;
+  }
+  return resolved;
+}
+async function apiFetcher(source, context) {
+  const { endpoint, method = "GET", headers = {}, body } = source;
+  const mergedVariables = { ...context.variables, ...source.variables };
+  const url = resolveEndpointUrl(endpoint, context.baseUrl, mergedVariables);
+  const fetchOptions = {
+    method,
+    headers: {
+      "content-type": "application/json",
+      ...context.getApiHeaders?.(),
+      ...headers
+    },
+    signal: context.signal
+  };
+  if (body && (method === "POST" || method === "PUT")) {
+    fetchOptions.body = JSON.stringify(body);
+  }
+  const response = await fetch(url, fetchOptions);
+  if (!response.ok) {
+    throw new Error(
+      `API request failed: ${response.status} ${response.statusText}`
+    );
+  }
+  const data = await response.json();
+  if (source.resultPath) {
+    return getByPath(data, source.resultPath);
+  }
+  return data;
+}
+
+exports.apiFetcher = apiFetcher;
+//# sourceMappingURL=chunk-46PUWB7C.cjs.map
+//# sourceMappingURL=chunk-46PUWB7C.cjs.map

package/dist/chunk-46PUWB7C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/fetchers/api.ts"],"names":[],"mappings":"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","file":"chunk-46PUWB7C.cjs","sourcesContent":["import type { ApiDataSource, DataSourceContext } from \"../types\";\n\n/**\n * Extracts a value from an object using dot notation path\n * e.g., getByPath({ data: { items: [1,2,3] } }, 'data.items') => [1,2,3]\n */\nfunction getByPath(obj: unknown, path: string): unknown {\n  return path.split(\".\").reduce((current, key) => {\n    if (current && typeof current === \"object\" && key in current) {\n      return (current as Record<string, unknown>)[key];\n    }\n    return undefined;\n  }, obj);\n}\n\n/**\n * Replaces {variable} placeholders in an endpoint path with values from the\n * variables map. E.g., \"/reps/{rep_id}/most_shared\" with { rep_id: \"42\" }\n * becomes \"/reps/42/most_shared\".\n */\nfunction interpolateVariables(\n  endpoint: string,\n  variables?: Record<string, string>,\n): string {\n  if (!variables) return endpoint;\n  const resolved = endpoint.replace(\n    /\\{(\\w+)\\}/g,\n    (match, key: string) => variables[key] ?? match,\n  );\n  const unresolved = resolved.match(/\\{(\\w+)\\}/g);\n  if (unresolved) {\n    console.warn(\n      `[DataSource] Unresolved variable placeholders in endpoint: ${unresolved.join(\", \")}. ` +\n        `Endpoint: \"${endpoint}\". Available variables: ${Object.keys(variables).join(\", \") || \"(none)\"}`,\n    );\n  }\n  return resolved;\n}\n\n/**\n * Resolves the full URL for an endpoint.\n * - Substitutes {variable} placeholders from context variables\n * - Absolute URLs (starting with http:// or https://) are used as-is\n * - Relative paths are prefixed with the context's baseUrl\n */\nfunction resolveEndpointUrl(\n  endpoint: string,\n  baseUrl?: string,\n  variables?: Record<string, string>,\n): string {\n  const resolved = interpolateVariables(endpoint, variables);\n\n  // If endpoint is already absolute, use it directly\n  if (resolved.startsWith(\"http://\") || resolved.startsWith(\"https://\")) {\n    return resolved;\n  }\n\n  // If we have a baseUrl, prepend it to the relative endpoint\n  if (baseUrl) {\n    // Ensure proper joining (no double slashes)\n    const base = baseUrl.endsWith(\"/\") ? baseUrl.slice(0, -1) : baseUrl;\n    const path = resolved.startsWith(\"/\") ? resolved : `/${resolved}`;\n    return `${base}${path}`;\n  }\n\n  // No baseUrl provided, return endpoint as-is (will likely fail for relative paths)\n  return resolved;\n}\n\n/**\n * Default API fetcher implementation\n */\nexport async function apiFetcher(\n  source: ApiDataSource,\n  context: DataSourceContext,\n): Promise<unknown> {\n  const { endpoint, method = \"GET\", headers = {}, body } = source;\n\n  // Merge context variables with per-source variables (source overrides context)\n  const mergedVariables = { ...context.variables, ...source.variables };\n\n  // Resolve the full URL, substituting variables and using baseUrl for relative endpoints\n  const url = resolveEndpointUrl(endpoint, context.baseUrl, mergedVariables);\n\n  const fetchOptions: RequestInit = {\n    method,\n    headers: {\n      \"content-type\": \"application/json\",\n      ...context.getApiHeaders?.(),\n      ...headers,\n    },\n    signal: context.signal,\n  };\n\n  if (body && (method === \"POST\" || method === \"PUT\")) {\n    fetchOptions.body = JSON.stringify(body);\n  }\n\n  const response = await fetch(url, fetchOptions);\n\n  if (!response.ok) {\n    throw new Error(\n      `API request failed: ${response.status} ${response.statusText}`,\n    );\n  }\n\n  const data = await response.json();\n\n  // Extract data at resultPath if specified\n  if (source.resultPath) {\n    return getByPath(data, source.resultPath);\n  }\n\n  return data;\n}\n"]}

package/dist/chunk-4WFDFEHC.js

@@ -0,0 +1,134 @@
+import { useDataSourceRegistryConfig } from './chunk-XCNBVV4T.js';
+import { useQueries } from '@tanstack/react-query';
+import { useRef, useCallback } from 'react';
+
+function getSourceKey(source) {
+  if (source.type === "api") {
+    const varsKey = source.variables ? `:${JSON.stringify(source.variables)}` : "";
+    return `${source.endpoint}${varsKey}`;
+  }
+  if (source.type === "custom") {
+    const itemKeys = source.selectedItems?.map((item) => {
+      return `${item.shareableType}:${item.id}`;
+    }) ?? [];
+    return `custom:${itemKeys.join(",")}`;
+  }
+  if (source.type === "static") {
+    return `static:${source.staticType}:${source.selectedId}`;
+  }
+  return "unknown";
+}
+function resolvePropsFromQueries(queryResults, sources, errorConfig) {
+  if (sources.length === 0) return void 0;
+  if (queryResults.some((q) => q.isLoading && !q.data)) return void 0;
+  const failedQuery = queryResults.find((q) => q.error);
+  const hasError = !!failedQuery?.error;
+  if (hasError && errorConfig?.fallback) {
+    return errorConfig.fallback;
+  }
+  if (hasError) {
+    return void 0;
+  }
+  const resolvedProps = {};
+  for (const query of queryResults) {
+    if (!query.data) continue;
+    const { source, result } = query.data;
+    if (!source?.targetProps) continue;
+    if (result !== null && typeof result === "object" && !Array.isArray(result) && source.targetProps.length > 1) {
+      const resultObj = result;
+      for (const prop of source.targetProps) {
+        if (prop in resultObj) {
+          resolvedProps[prop] = resultObj[prop];
+        }
+      }
+    } else {
+      for (const prop of source.targetProps) {
+        resolvedProps[prop] = result;
+      }
+    }
+  }
+  return resolvedProps;
+}
+function useWidgetData(widget, options) {
+  const config = useDataSourceRegistryConfig();
+  const registry = options?.registry ?? config.registry;
+  const baseUrl = options?.baseUrl ?? config.baseUrl;
+  const getApiHeaders = config.getApiHeaders;
+  const variables = config.variables;
+  const sources = widget.dataSource?.sources ?? [];
+  const errorConfig = widget.dataSource?.error;
+  const widgetId = widget.id ?? "unknown";
+  const widgetType = widget.type;
+  const queryResultsRef = useRef([]);
+  const results = useQueries({
+    queries: sources.map((source) => ({
+      queryKey: [
+        "rep-widget-data",
+        getSourceKey(source),
+        baseUrl,
+        variables
+      ],
+      queryFn: async ({
+        signal
+      }) => {
+        const context = {
+          widgetId,
+          widgetType,
+          signal,
+          baseUrl,
+          getApiHeaders,
+          variables
+        };
+        const fetcher = registry.fetchers[source.type];
+        if (!fetcher) {
+          throw new Error(
+            `No fetcher registered for source type: ${source.type}`
+          );
+        }
+        const rawData = await fetcher(source, context);
+        let result = rawData;
+        if (source.transform) {
+          const transformer = registry.transformers[source.transform];
+          if (transformer) {
+            result = transformer(result, source);
+          } else {
+            console.warn(
+              `Transform "${source.transform}" not found in registry`
+            );
+          }
+        }
+        return { source, result };
+      },
+      enabled: sources.length > 0,
+      retry: errorConfig?.retryCount ?? 0,
+      retryDelay: errorConfig?.retryDelay ?? 1e3,
+      refetchInterval: source.refreshInterval || false
+    }))
+  });
+  queryResultsRef.current = results;
+  const isLoading = results.some((q) => q.isLoading);
+  const failedQuery = results.find((q) => q.error);
+  const error = failedQuery?.error instanceof Error ? failedQuery.error : failedQuery?.error ? new Error(String(failedQuery.error)) : null;
+  const data = resolvePropsFromQueries(
+    results.map((q) => ({
+      data: q.data,
+      isLoading: q.isLoading,
+      error: q.error instanceof Error ? q.error : null
+    })),
+    sources,
+    errorConfig
+  );
+  const refetch = useCallback(() => {
+    queryResultsRef.current.forEach((q) => q.refetch());
+  }, []);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch
+  };
+}
+
+export { useWidgetData };
+//# sourceMappingURL=chunk-4WFDFEHC.js.map
+//# sourceMappingURL=chunk-4WFDFEHC.js.map

package/dist/chunk-4WFDFEHC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/use-widget-data.ts"],"names":[],"mappings":"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","file":"chunk-4WFDFEHC.js","sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useCallback, useRef } from \"react\";\nimport type { WidgetSchema } from \"../types/widget-schema\";\nimport type {\n  DataSourceRegistry,\n  WidgetDataResult,\n  DataSourceContext,\n  DataSource,\n} from \"./types\";\nimport { useDataSourceRegistryConfig } from \"./registry-context\";\n\ninterface UseWidgetDataOptions {\n  /** Override the default registry from context */\n  registry?: DataSourceRegistry | undefined;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n}\n\n/** Result shape from a single source query */\ninterface SourceQueryResult {\n  source: DataSource;\n  result: unknown;\n}\n\n/**\n * Generates a unique key for a data source to use in query caching.\n */\nfunction getSourceKey(source: DataSource): string {\n  if (source.type === \"api\") {\n    const varsKey = source.variables\n      ? `:${JSON.stringify(source.variables)}`\n      : \"\";\n    return `${source.endpoint}${varsKey}`;\n  }\n  if (source.type === \"custom\") {\n    const itemKeys =\n      source.selectedItems?.map((item) => {\n        return `${item.shareableType}:${item.id}`;\n      }) ?? [];\n    return `custom:${itemKeys.join(\",\")}`;\n  }\n  if (source.type === \"static\") {\n    return `static:${source.staticType}:${source.selectedId}`;\n  }\n  return \"unknown\";\n}\n\n/**\n * Resolves query results into widget props by mapping each source's result\n * to its target props.\n */\nfunction resolvePropsFromQueries<T>(\n  queryResults: ReadonlyArray<{\n    data?: SourceQueryResult | undefined;\n    isLoading: boolean;\n    error: Error | null;\n  }>,\n  sources: DataSource[],\n  errorConfig?: { fallback?: unknown },\n): T | undefined {\n  if (sources.length === 0) return undefined;\n  if (queryResults.some((q) => q.isLoading && !q.data)) return undefined;\n\n  const failedQuery = queryResults.find((q) => q.error);\n  const hasError = !!failedQuery?.error;\n\n  if (hasError && errorConfig?.fallback) {\n    return errorConfig.fallback as T;\n  }\n\n  if (hasError) {\n    return undefined;\n  }\n\n  const resolvedProps: Record<string, unknown> = {};\n\n  for (const query of queryResults) {\n    if (!query.data) continue;\n    const { source, result } = query.data;\n\n    // Sentry fix: FLUID-ADMIN-1DH — source or targetProps can be undefined from malformed widget config\n    if (!source?.targetProps) continue;\n\n    if (\n      result !== null &&\n      typeof result === \"object\" &&\n      !Array.isArray(result) &&\n      source.targetProps.length > 1\n    ) {\n      const resultObj = result as Record<string, unknown>;\n      for (const prop of source.targetProps) {\n        if (prop in resultObj) {\n          resolvedProps[prop] = resultObj[prop];\n        }\n      }\n    } else {\n      for (const prop of source.targetProps) {\n        resolvedProps[prop] = result;\n      }\n    }\n  }\n\n  return resolvedProps as T;\n}\n\n/**\n * Hook that fetches and resolves data sources for a widget using React Query.\n */\nexport function useWidgetData<T = Record<string, unknown>>(\n  widget: WidgetSchema,\n  options?: UseWidgetDataOptions,\n): WidgetDataResult<T> {\n  const config = useDataSourceRegistryConfig();\n  const registry = options?.registry ?? config.registry;\n  const baseUrl = options?.baseUrl ?? config.baseUrl;\n  const getApiHeaders = config.getApiHeaders;\n  const variables = config.variables;\n\n  const sources = widget.dataSource?.sources ?? [];\n  const errorConfig = widget.dataSource?.error;\n  const widgetId = widget.id ?? \"unknown\";\n  const widgetType = widget.type;\n\n  const queryResultsRef = useRef<Array<{ refetch: () => void }>>([]);\n\n  const results = useQueries({\n    queries: sources.map((source: DataSource) => ({\n      queryKey: [\n        \"rep-widget-data\",\n        getSourceKey(source),\n        baseUrl,\n        variables,\n      ] as const,\n      queryFn: async ({\n        signal,\n      }: {\n        signal: AbortSignal;\n      }): Promise<SourceQueryResult> => {\n        const context: DataSourceContext = {\n          widgetId,\n          widgetType,\n          signal,\n          baseUrl,\n          getApiHeaders,\n          variables,\n        };\n\n        const fetcher = registry.fetchers[source.type];\n        if (!fetcher) {\n          throw new Error(\n            `No fetcher registered for source type: ${source.type}`,\n          );\n        }\n\n        const rawData = await fetcher(source, context);\n\n        // Apply transform\n        let result = rawData;\n        if (source.transform) {\n          const transformer = registry.transformers[source.transform];\n          if (transformer) {\n            result = transformer(result, source);\n          } else {\n            console.warn(\n              `Transform \"${source.transform}\" not found in registry`,\n            );\n          }\n        }\n        return { source, result };\n      },\n      enabled: sources.length > 0,\n      retry: errorConfig?.retryCount ?? 0,\n      retryDelay: errorConfig?.retryDelay ?? 1000,\n      refetchInterval: source.refreshInterval || false,\n    })),\n  });\n\n  // Update ref for refetch callback\n  queryResultsRef.current = results;\n\n  // Aggregate loading state\n  const isLoading = results.some((q) => q.isLoading);\n\n  // Get first error from any failed query\n  const failedQuery = results.find((q) => q.error);\n  const error =\n    failedQuery?.error instanceof Error\n      ? failedQuery.error\n      : failedQuery?.error\n        ? new Error(String(failedQuery.error))\n        : null;\n\n  // Resolve data from all queries\n  const data = resolvePropsFromQueries<T>(\n    results.map((q) => ({\n      data: q.data as SourceQueryResult | undefined,\n      isLoading: q.isLoading,\n      error: q.error instanceof Error ? q.error : null,\n    })),\n    sources,\n    errorConfig,\n  );\n\n  // Stable refetch callback using ref\n  const refetch = useCallback(() => {\n    queryResultsRef.current.forEach((q) => q.refetch());\n  }, []);\n\n  return {\n    data,\n    isLoading,\n    error,\n    refetch,\n  };\n}\n"]}

package/dist/chunk-5NYM4UTW.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var react = require('react');
+
+// src/shell/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+var TABLET_BREAKPOINT = 1024;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = react.useState(false);
+  react.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+function useIsTablet() {
+  const [isTablet, setIsTablet] = react.useState(false);
+  react.useEffect(() => {
+    const mql = window.matchMedia(
+      `(min-width: ${MOBILE_BREAKPOINT}px) and (max-width: ${TABLET_BREAKPOINT - 1}px)`
+    );
+    const onChange = () => {
+      setIsTablet(
+        window.innerWidth >= MOBILE_BREAKPOINT && window.innerWidth < TABLET_BREAKPOINT
+      );
+    };
+    mql.addEventListener("change", onChange);
+    setIsTablet(
+      window.innerWidth >= MOBILE_BREAKPOINT && window.innerWidth < TABLET_BREAKPOINT
+    );
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isTablet;
+}
+function useIsMobileOrTablet() {
+  const [isMobileOrTablet, setIsMobileOrTablet] = react.useState(false);
+  react.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${TABLET_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobileOrTablet(window.innerWidth < TABLET_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobileOrTablet(window.innerWidth < TABLET_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isMobileOrTablet;
+}
+
+exports.useIsMobile = useIsMobile;
+exports.useIsMobileOrTablet = useIsMobileOrTablet;
+exports.useIsTablet = useIsTablet;
+//# sourceMappingURL=chunk-5NYM4UTW.cjs.map
+//# sourceMappingURL=chunk-5NYM4UTW.cjs.map

package/dist/chunk-5NYM4UTW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/use-mobile.ts"],"names":["useState","useEffect"],"mappings":";;;;;AAEA,IAAM,iBAAA,GAAoB,GAAA;AAC1B,IAAM,iBAAA,GAAoB,IAAA;AAEnB,SAAS,WAAA,GAAc;AAC5B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAkB,KAAK,CAAA;AAEvD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAM,MAAA,CAAO,UAAA,CAAW,CAAA,YAAA,EAAe,iBAAA,GAAoB,CAAC,CAAA,GAAA,CAAK,CAAA;AACvE,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AAAA,IACnD,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,IAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AACjD,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,QAAA;AACT;AAEO,SAAS,WAAA,GAAc;AAC5B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAID,eAAkB,KAAK,CAAA;AAEvD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAM,MAAA,CAAO,UAAA;AAAA,MACjB,CAAA,YAAA,EAAe,iBAAiB,CAAA,oBAAA,EAAuB,iBAAA,GAAoB,CAAC,CAAA,GAAA;AAAA,KAC9E;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,WAAA;AAAA,QACE,MAAA,CAAO,UAAA,IAAc,iBAAA,IACnB,MAAA,CAAO,UAAA,GAAa;AAAA,OACxB;AAAA,IACF,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,IAAA,WAAA;AAAA,MACE,MAAA,CAAO,UAAA,IAAc,iBAAA,IACnB,MAAA,CAAO,UAAA,GAAa;AAAA,KACxB;AACA,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,QAAA;AACT;AAEO,SAAS,mBAAA,GAAsB;AACpC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAID,eAAkB,KAAK,CAAA;AAEvE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAM,MAAA,CAAO,UAAA,CAAW,CAAA,YAAA,EAAe,iBAAA,GAAoB,CAAC,CAAA,GAAA,CAAK,CAAA;AACvE,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,mBAAA,CAAoB,MAAA,CAAO,aAAa,iBAAiB,CAAA;AAAA,IAC3D,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,IAAA,mBAAA,CAAoB,MAAA,CAAO,aAAa,iBAAiB,CAAA;AACzD,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,gBAAA;AACT","file":"chunk-5NYM4UTW.cjs","sourcesContent":["import { useState, useEffect } from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\nconst TABLET_BREAKPOINT = 1024;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean>(false);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return isMobile;\n}\n\nexport function useIsTablet() {\n  const [isTablet, setIsTablet] = useState<boolean>(false);\n\n  useEffect(() => {\n    const mql = window.matchMedia(\n      `(min-width: ${MOBILE_BREAKPOINT}px) and (max-width: ${TABLET_BREAKPOINT - 1}px)`,\n    );\n    const onChange = () => {\n      setIsTablet(\n        window.innerWidth >= MOBILE_BREAKPOINT &&\n          window.innerWidth < TABLET_BREAKPOINT,\n      );\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsTablet(\n      window.innerWidth >= MOBILE_BREAKPOINT &&\n        window.innerWidth < TABLET_BREAKPOINT,\n    );\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return isTablet;\n}\n\nexport function useIsMobileOrTablet() {\n  const [isMobileOrTablet, setIsMobileOrTablet] = useState<boolean>(false);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${TABLET_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobileOrTablet(window.innerWidth < TABLET_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobileOrTablet(window.innerWidth < TABLET_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return isMobileOrTablet;\n}\n"]}