vdb-ai-chat 1.0.78 → 1.0.80

package/src/components/icons/VDBIcon.tsx

@@ -0,0 +1,186 @@
+import React from "react";
+import { Image, ImageResizeMode, Platform } from "react-native";
+import VDBCustomIcon from "./VDBCustomIcon";
+
+let AntDesign: any = null;
+let FontAwesome: any = null;
+let FontAwesome5: any = null;
+try {
+  const antDesignMod = require("@expo/vector-icons/build/AntDesign");
+  const faMod = require("@expo/vector-icons/build/FontAwesome");
+  const fa5Mod = require("@expo/vector-icons/build/FontAwesome5");
+  AntDesign = antDesignMod?.default ?? antDesignMod;
+  FontAwesome = faMod?.default ?? faMod;
+  FontAwesome5 = fa5Mod?.default ?? fa5Mod;
+} catch {
+}
+
+let SvgUri: any = null;
+try {
+  SvgUri = require("react-native-svg").SvgUri;
+} catch {
+}
+
+let ImageComponent: typeof Image = Image;
+let ExpoImage: any = null;
+if (Platform.OS !== "web") {
+  try {
+    ExpoImage = require("expo-image").Image;
+    if (ExpoImage) ImageComponent = ExpoImage;
+  } catch {
+  }
+}
+
+export enum IconsVariant {
+  AntDesign = "AntDesign",
+  FontAwesome = "FontAwesome",
+  FontAwesome5 = "FontAwesome5",
+  VDBCustom = "VDBCustom",
+  CustomUrl = "CustomUrl",
+}
+
+export enum IconsType {
+  img = "img",
+  svg = "svg",
+  img_url = "img-url",
+  svg_url = "svg-url",
+  url = "url",
+}
+
+export interface IconProps {
+  variant: IconsVariant;
+  name?: string;
+  color?: string;
+  size?: number;
+  uri?: string;
+  height?: number;
+  resizeMode?: ImageResizeMode;
+}
+
+export interface CustomIconProps extends IconProps {
+  others?: object;
+  avoidSVGCheck?: boolean;
+  thumbSize?: number;
+  style?: any;
+}
+
+const isSvgUri = (uri?: string) =>
+  !!uri && uri.split(/[?#]/)[0].toLowerCase().endsWith(".svg");
+
+const isGifUri = (uri?: string) =>
+  !!uri && uri.split(/[?#]/)[0].toLowerCase().endsWith(".gif");
+
+const VDBIcon: React.FC<CustomIconProps> = ({
+  variant,
+  name,
+  size = 16,
+  height,
+  color,
+  uri,
+  others = {},
+  resizeMode = "contain",
+  avoidSVGCheck = false,
+  thumbSize,
+  style,
+}) => {
+  const normalizedName =
+    typeof name === "string" ? name.toLowerCase() : (name as any);
+
+  switch (variant) {
+    case IconsVariant.AntDesign:
+      if (!AntDesign) return null;
+      return (
+        <AntDesign
+          name={normalizedName}
+          color={color}
+          size={size}
+          style={style}
+          {...others}
+        />
+      );
+
+    case IconsVariant.FontAwesome:
+      if (!FontAwesome) return null;
+      return (
+        <FontAwesome
+          name={normalizedName}
+          color={color}
+          size={size}
+          style={style}
+          {...others}
+        />
+      );
+
+    case IconsVariant.FontAwesome5:
+      if (!FontAwesome5) return null;
+      return (
+        <FontAwesome5
+          name={normalizedName}
+          color={color}
+          size={size}
+          style={style}
+          {...others}
+        />
+      );
+
+    case IconsVariant.VDBCustom:
+      return (
+        <VDBCustomIcon
+          name={normalizedName}
+          size={size}
+          color={color}
+          style={style}
+          {...others}
+        />
+      );
+
+    case IconsVariant.CustomUrl: {
+      if (!uri) return null;
+      if (isSvgUri(uri) && !avoidSVGCheck && SvgUri) {
+        return (
+          <SvgUri
+            width={size}
+            height={height ?? size}
+            uri={uri}
+            fill={color}
+            style={style}
+            {...others}
+          />
+        );
+      }
+
+      if (isGifUri(uri) && ExpoImage) {
+        const dim = thumbSize ?? size;
+        return (
+          <ExpoImage
+            source={uri}
+            style={[{ width: dim, height: height ?? dim }, style]}
+            contentFit="contain"
+            {...others}
+          />
+        );
+      }
+
+      return (
+        <ImageComponent
+          style={[
+            {
+              width: size,
+              height: height ?? size,
+              ...(color ? { tintColor: color } : {}),
+            },
+            style,
+          ]}
+          source={{ uri }}
+          resizeMode={resizeMode}
+          {...others}
+        />
+      );
+    }
+
+    default:
+      return null;
+  }
+};
+
+export default VDBIcon;

package/src/components/icons/VDBIcons.ts

@@ -0,0 +1,9 @@
+export enum VDBIcons {
+  MINUS_CIRCLE = "minus-cirlce",
+  SEND = "send",
+  LIKE = "like",
+  DISLIKE = "dislike",
+  MIC = "mic",
+  STOP_CIRCLE = "stop-circle",
+}
+  

package/src/components/icons/index.ts

@@ -0,0 +1,4 @@
+export { default as VDBIcon, IconsVariant, IconsType } from "./VDBIcon";
+export type { IconProps, CustomIconProps } from "./VDBIcon";
+export { default as VDBCustomIcon } from "./VDBCustomIcon";
+export type { VDBCustomIconProps } from "./VDBCustomIcon";

package/src/index.native.tsx

@@ -4,3 +4,15 @@ export * from "./types";
 export * from "./theme";
 export { normaliseMessages } from "./api";
 export { initStorage, isStorageInitialized, Storage } from "./storage";
+
+export {
+  VDBIcon,
+  VDBCustomIcon,
+  IconsVariant,
+  IconsType,
+} from "./components/icons";
+export type {
+  IconProps,
+  CustomIconProps,
+  VDBCustomIconProps,
+} from "./components/icons";

package/src/index.ts

@@ -5,6 +5,18 @@ export * from "./theme";
 export { normaliseMessages } from "./api";
 export { initStorage, isStorageInitialized, Storage } from "./storage";
 
+export {
+  VDBIcon,
+  VDBCustomIcon,
+  IconsVariant,
+  IconsType,
+} from "./components/icons";
+export type {
+  IconProps,
+  CustomIconProps,
+  VDBCustomIconProps,
+} from "./components/icons";
+
 // i18n exports
 export {
   initI18n,

package/src/routes.ts

@@ -2,6 +2,7 @@ const API_VERSION = "v3";
 
 const Routes = {
 	AGENCT_CONVERSATIONS: (apiUrl: string) => `${apiUrl}${API_VERSION}/agent_conversations`,
+	TRANSCRIBE: (apiUrl: string) => `${apiUrl}${API_VERSION}/agent_conversations/transcribe`,
 	SEARCH_DIAMONDS: (apiUrl: string) => `${apiUrl}${API_VERSION}/vdb/search_diamonds`,
 	REACTION: (apiUrl: string, conversation_id: string, message_id: string) => `${apiUrl}${API_VERSION}/agent_conversations/${conversation_id}/conversation_messages/${message_id}/reaction`,
 }