@adiba-banking-cloud/backoffice 0.2.21 → 0.2.22

package/build/index.esm.js/index.js

@@ -1,4 +1,4 @@
-export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, o as ConnectionPanel, u as CreditCard, a2 as DEFAULT_API_TIMEOUT, a0 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, Q as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, G as ErrorModal, F as File, d as Icons, r as InfoGrid, H as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, O as LoadingModal, a1 as MAX_PAGE_SIZE, V as MaskedTilePanel, X as MerchantCard, a5 as ModalContentWrapper, M as MultiAxisArea, m as PageTitle, w as PaymentMethod, x as PaymentMethodAdd, P as PieChart, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, R as SimpleForm, J as SimpleModal, i as SimplePanel, y as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, t as StatusAlert, q as SubscriptionPlans, K as SuccessModal, Y as TableStateView, W as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a4 as apiClient, a3 as createApiClient, a7 as extractBetweenBraces, a8 as extractOutsideBraces, z as theme, _ as useManagedModals, Z as useModal, $ as useUrlFilters, a6 as withProviders } from './index-CwtRXOt5.js';
+export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, Q as ChatBubble, R as ChatHeader, O as ChatListCard, o as ConnectionPanel, u as CreditCard, a5 as DEFAULT_API_TIMEOUT, a3 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, W as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, G as ErrorModal, F as File, d as Icons, r as InfoGrid, H as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, V as LoadingModal, a4 as MAX_PAGE_SIZE, Y as MaskedTilePanel, _ as MerchantCard, a8 as ModalContentWrapper, M as MultiAxisArea, m as PageTitle, w as PaymentMethod, x as PaymentMethodAdd, P as PieChart, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, X as SimpleForm, J as SimpleModal, i as SimplePanel, y as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, t as StatusAlert, q as SubscriptionPlans, K as SuccessModal, $ as TableStateView, Z as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a7 as apiClient, a6 as createApiClient, aa as extractBetweenBraces, ab as extractOutsideBraces, z as theme, a1 as useManagedModals, a0 as useModal, a2 as useUrlFilters, a9 as withProviders } from './index-Ck9zbXed.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/defineProperty';
 import '@mantine/modals';

package/build/typings/components/index.d.ts

@@ -30,6 +30,9 @@ export { InfoModal } from "./modals/info/Info";
 export { SimpleModal } from "./modals/simple/Simple";
 export { SuccessModal } from "./modals/success/Success";
 export { TwoFactorModal } from "./modals/twofactor/Twofactor";
+export { ChatListCard } from "./widgets/chat/ChatListCard";
+export { ChatBubble } from "./widgets/chat/ChatBubble";
+export { ChatHeader } from "./widgets/chat/ChatHeader";
 export { LoadingModal } from "./modals/loading/Loading";
 export { Drawer } from "./general/drawer/Drawer";
 export { SimpleForm } from "./forms/simple/Simple";

package/build/typings/components/widgets/chat/Chat.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const GroupChat: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Chat.types").ChatListCardProps>;
+export declare const ConversationItem: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Chat.types").ChatListCardProps>;
+export declare const ConversationItemActive: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Chat.types").ChatListCardProps>;
+export declare const MessageIncoming: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Chat.types").ChatBubbleProps>;
+export declare const MessageOutgoing: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Chat.types").ChatBubbleProps>;
+export declare const MessageAttachment: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Chat.types").ChatBubbleProps>;
+export declare const FullChatLayout: () => import("react/jsx-runtime").JSX.Element;

package/build/typings/components/widgets/chat/Chat.types.d.ts

@@ -0,0 +1,57 @@
+import React from "react";
+export interface ChatAttachment {
+    type: "pdf" | "avi" | "mp3" | "txt" | "jpg" | undefined;
+    name: string;
+    size?: string;
+    url?: string;
+}
+export interface ChatListCardProps extends React.ComponentPropsWithoutRef<"button"> {
+    /** User name */
+    name: string;
+    /** Avatar URL */
+    avatar?: string;
+    /** Last message preview */
+    message: string;
+    /** Time of last message (e.g. 16:45) */
+    time: string;
+    /** Number of unread messages */
+    unreadCount?: number;
+    /** Sender name (for group chats) */
+    senderName?: string;
+    /** Whether the chat is currently active/selected */
+    isActive?: boolean;
+    /** Whether the chat is a group chat */
+    isGroup?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+}
+export interface ChatBubbleProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Message content */
+    message?: string;
+    /** Time of message */
+    time: string;
+    /** Whether the message is outgoing (sent by user) */
+    isOutgoing?: boolean;
+    /** Sender name (for incoming messages in group contexts, optional) */
+    senderName?: string;
+    /** Sender avatar (for incoming messages) */
+    avatar?: string;
+    /** Optional attachment */
+    attachment?: ChatAttachment;
+}
+export interface ChatHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** User name */
+    name: string;
+    /** Avatar URL */
+    avatar?: string;
+    /** User status text (e.g. Last seen...) */
+    status?: string;
+    /** Handler for back button (mobile) */
+    onBack?: () => void;
+    /** Handler for call action */
+    onCall?: () => void;
+    /** Handler for video call action */
+    onVideo?: () => void;
+    /** Handler for more options */
+    onMore?: () => void;
+}

package/build/typings/components/widgets/chat/ChatBubble.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ChatBubbleProps } from "./Chat.types";
+export declare const ChatBubble: React.FC<ChatBubbleProps>;

package/build/typings/components/widgets/chat/ChatHeader.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ChatHeaderProps } from "./Chat.types";
+export declare const ChatHeader: React.FC<ChatHeaderProps>;

package/build/typings/components/widgets/chat/ChatListCard.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ChatListCardProps } from "./Chat.types";
+export declare const ChatListCard: React.FC<ChatListCardProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.2.21",
+  "version": "0.2.22",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",