@banbox/chat 1.0.1 → 1.0.3

package/src/ui/chat/drop-up/BusinessCardDropup.tsx

@@ -149,7 +149,7 @@ const BusinessCardDropup = ({
       role="dialog"
       aria-label="Business card"
       className={cn(
-        "z-9999 relative rounded-[12px] border border-[#EFEFEF] bg-white",
+        "relative rounded-[12px] border border-[#EFEFEF] bg-white",
         "p-3 shadow-[0_8px_24px_rgba(0,0,0,0.12)]",
         className,
       )}
@@ -158,6 +158,7 @@ const BusinessCardDropup = ({
         left: pos?.left ?? -9999,
         top: pos?.top ?? -9999,
         position: "fixed",
+        zIndex: 99999, // Must use inline style — Tailwind z-9999 is not a valid preset class
       }}
     >
       {/* Header */}
@@ -190,6 +191,13 @@ const BusinessCardDropup = ({
                 <div className="h-px w-[105px] bg-black" />
 
                 <div className="mt-[6px] flex items-center gap-2">
+                  <img
+                    src="https://flagcdn.com/bd.svg"
+                    alt="Bangladesh flag"
+                    width={24}
+                    height={14}
+                    className="h-[14px] w-6 rounded-xs object-cover"
+                  />
                   <span className="text-xs font-medium text-[#636363]">
                     {form.country}
                   </span>

package/src/ui/chat/types.ts

@@ -1,37 +1,42 @@
-// components/chat/ui/chat/types.ts
-import type { ChatAudio, ChatFile } from "./ChatMessageItem";
-
-export type MessageRef = {
-  id: string;
-  author: string | { name: string };
-  time?: string;
-  text?: string;
-  images?: string[];
-  files?: ChatFile[];
-  audio?: ChatAudio;
-};
-
-export type BusinessCard = {
-  avatarSrc: string;
-  name: string;
-  country: string; // e.g. "Bangladesh"
-  flag?: string; // emoji or small image URL; default 🏳️ if not given
-  company: string;
-  email: string;
-  phone: string;
-};
-
-export type AddressCard = {
-  name: string;
-  label?: "Home" | "Office";
-  businessName?: string;
-  mobileNumber: string;
-  country: string;
-  district?: string | null;
-  policeStation?: string | null;
-  state?: string | null;
-  city?: string | null;
-  postalCode?: string;
-  addressLine: string;
-  landMark?: string | null;
-};
+// components/chat/ui/chat/types.ts
+import type { MessageAudio, MessageFile } from "../../types";
+
+// Re-export global types so UI components can import from this local file
+export type { MessageAudio as ChatAudio, MessageFile as ChatFile };
+
+export type MessageRef = {
+  id: string;
+  author: string | { name: string };
+  time?: string;
+  text?: string;
+  images?: string[];
+  files?: MessageFile[];
+  audio?: MessageAudio;
+};
+
+export type BusinessCard = {
+  avatarSrc?: string;
+  name: string;
+  country?: string;
+  flag?: string;
+  company?: string;
+  email?: string;
+  phone?: string;
+  [key: string]: string | undefined;
+};
+
+export type AddressCard = {
+  name?: string;
+  label?: string;
+  businessName?: string;
+  mobileNumber?: string;
+  country?: string;
+  district?: string | null;
+  policeStation?: string | null;
+  state?: string | null;
+  city?: string | null;
+  postalCode?: string;
+  addressLine?: string;
+  landMark?: string | null;
+  [key: string]: string | null | undefined;
+};