@umituz/react-native-ai-generation-content 1.13.0 → 1.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/creations/presentation/components/CreationCard.tsx

@@ -31,7 +31,7 @@ export function CreationCard({
   const tokens = useAppDesignTokens();
   const { translatedTypes, t } = useCreationsProvider();
 
-  const typeConfig = translatedTypes.find((t) => t.id === creation.type);
+  const typeConfig = translatedTypes.find((type) => type.id === creation.type);
   const icon = typeConfig?.icon;
   // Use manual name if available, otherwise use translated label from config
   const label = (creation.metadata?.names as string) || typeConfig?.labelKey || creation.type;

package/src/domains/creations/presentation/components/CreationsProvider.tsx

@@ -0,0 +1,56 @@
+/**
+ * Creations Provider
+ * Context provider for creations configuration and localization
+ */
+
+import React, { createContext, useContext, useMemo, type ReactNode } from "react";
+import type { CreationsConfig, CreationType } from "../../domain/value-objects/CreationsConfig";
+import { getTranslatedTypes } from "../utils/filterUtils";
+
+interface CreationsContextValue {
+  config: CreationsConfig;
+  t: (key: string) => string;
+  translatedTypes: readonly CreationType[];
+  getLocalizedTitle: (typeId: string) => string;
+}
+
+const CreationsContext = createContext<CreationsContextValue | null>(null);
+
+interface CreationsProviderProps {
+  config: CreationsConfig;
+  t: (key: string) => string;
+  children: ReactNode;
+}
+
+export function CreationsProvider({ config, t, children }: CreationsProviderProps) {
+  const translatedTypes = useMemo(() => getTranslatedTypes(config, t), [config, t]);
+
+  const getLocalizedTitle = (typeId: string): string => {
+    const typeConfig = translatedTypes.find((type) => type.id === typeId);
+    return typeConfig?.labelKey || typeId;
+  };
+
+  const value = useMemo<CreationsContextValue>(
+    () => ({
+      config,
+      t,
+      translatedTypes,
+      getLocalizedTitle,
+    }),
+    [config, t, translatedTypes]
+  );
+
+  return (
+    <CreationsContext.Provider value={value}>
+      {children}
+    </CreationsContext.Provider>
+  );
+}
+
+export function useCreationsProvider(): CreationsContextValue {
+  const context = useContext(CreationsContext);
+  if (!context) {
+    throw new Error("useCreationsProvider must be used within a CreationsProvider");
+  }
+  return context;
+}

package/src/domains/creations/presentation/components/index.ts

@@ -11,6 +11,7 @@ export { CreationCard } from "./CreationCard";
 export { CreationThumbnail } from "./CreationThumbnail";
 export { CreationImageViewer } from "./CreationImageViewer";
 export { CreationsGrid } from "./CreationsGrid";
+export { CreationsProvider, useCreationsProvider } from "./CreationsProvider";
 
 // Detail Components
 export { DetailHeader } from "./CreationDetail/DetailHeader";