@adiba-banking-cloud/backoffice 0.2.25 → 0.2.27

package/build/index.cjs.js/{heatmap-BpfEKTmb.js → heatmap-DwZcPNaL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DBgoCclM.js');
+var index = require('./index-BUsbfRw6.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/build/index.cjs.js/{index-DBgoCclM.js → index-BUsbfRw6.js}

@@ -12169,7 +12169,7 @@ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  Promise.resolve().then(function () { return require('./heatmap-BpfEKTmb.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-DwZcPNaL.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : (heatmapModule === null || heatmapModule === void 0 ? void 0 : heatmapModule.default) || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -14126,15 +14126,25 @@ const File = _ref => {
   }, /*#__PURE__*/React.createElement(core.Group, {
     justify: isChip ? "space-between" : undefined,
     gap: "xs",
-    wrap: "nowrap"
+    wrap: "nowrap",
+    w: "100%"
   }, /*#__PURE__*/React.createElement(core.Image, {
     p: isChip ? undefined : "xs",
     pr: 2,
     h: isChip ? CHIP_HEIGHT : TILE_HEIGHT,
     w: isChip ? CHIP_WIDTH : TILE_WIDTH,
     alt: shape,
-    fallbackSrc: ICON[type]
-  }), rest.children, /*#__PURE__*/React.createElement(core.Space, {
+    fallbackSrc: ICON[type],
+    style: {
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React.createElement(core.Box, {
+    style: {
+      minWidth: 0,
+      overflow: "hidden",
+      flex: "1 1 auto"
+    }
+  }, rest.children), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
   }), rightsection ? /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "transparent",
@@ -14770,7 +14780,7 @@ const ChatListCard = _ref => {
   }, unreadCount)))));
 };
 
-const _excluded$4 = ["message", "time", "isOutgoing", "senderName", "avatar", "attachment", "className", "style"];
+const _excluded$4 = ["message", "time", "isOutgoing", "senderName", "avatar", "attachment", "onFileClick", "onFileActionClick", "className", "style"];
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ChatBubble = _ref => {
@@ -14782,6 +14792,8 @@ const ChatBubble = _ref => {
       senderName,
       avatar,
       attachment,
+      onFileClick,
+      onFileActionClick,
       className,
       style
     } = _ref,
@@ -14829,15 +14841,19 @@ const ChatBubble = _ref => {
     variant: "chip",
     type: (_attachment$type = attachment.type) !== null && _attachment$type !== void 0 ? _attachment$type : "pdf",
     bg: "white",
-    w: "100%",
+    w: {
+      base: 200,
+      md: 250
+    },
     bd: "1px solid #E2E8F0",
+    onClick: () => onFileClick === null || onFileClick === void 0 ? void 0 : onFileClick(attachment),
     rightsection: {
       icon: {
         name: "ReceiveSquare",
         size: 16,
         color: "gray"
       },
-      onClick: () => {}
+      onClick: () => onFileActionClick === null || onFileActionClick === void 0 ? void 0 : onFileActionClick(attachment)
     },
     mb: 4
   }, /*#__PURE__*/React.createElement(core.Stack, {

package/build/index.cjs.js/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DBgoCclM.js');
+var index = require('./index-BUsbfRw6.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/defineProperty');
 require('@mantine/modals');

package/build/index.esm.js/{heatmap-BCmYm6SY.js → heatmap-Djbl24EV.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './index-PZhuS6Ng.js';
+import { g as getDefaultExportFromCjs } from './index-BJiARt6H.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/build/index.esm.js/{index-PZhuS6Ng.js → index-BJiARt6H.js}

@@ -12148,7 +12148,7 @@ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-BCmYm6SY.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-Djbl24EV.js').then(function (n) { return n.h; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : (heatmapModule === null || heatmapModule === void 0 ? void 0 : heatmapModule.default) || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -14105,15 +14105,25 @@ const File = _ref => {
   }, /*#__PURE__*/React__default.createElement(Group, {
     justify: isChip ? "space-between" : undefined,
     gap: "xs",
-    wrap: "nowrap"
+    wrap: "nowrap",
+    w: "100%"
   }, /*#__PURE__*/React__default.createElement(Image, {
     p: isChip ? undefined : "xs",
     pr: 2,
     h: isChip ? CHIP_HEIGHT : TILE_HEIGHT,
     w: isChip ? CHIP_WIDTH : TILE_WIDTH,
     alt: shape,
-    fallbackSrc: ICON[type]
-  }), rest.children, /*#__PURE__*/React__default.createElement(Space, {
+    fallbackSrc: ICON[type],
+    style: {
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React__default.createElement(Box, {
+    style: {
+      minWidth: 0,
+      overflow: "hidden",
+      flex: "1 1 auto"
+    }
+  }, rest.children), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
   }), rightsection ? /*#__PURE__*/React__default.createElement(ActionIcon, {
     variant: "transparent",
@@ -14749,7 +14759,7 @@ const ChatListCard = _ref => {
   }, unreadCount)))));
 };
 
-const _excluded$4 = ["message", "time", "isOutgoing", "senderName", "avatar", "attachment", "className", "style"];
+const _excluded$4 = ["message", "time", "isOutgoing", "senderName", "avatar", "attachment", "onFileClick", "onFileActionClick", "className", "style"];
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ChatBubble = _ref => {
@@ -14761,6 +14771,8 @@ const ChatBubble = _ref => {
       senderName,
       avatar,
       attachment,
+      onFileClick,
+      onFileActionClick,
       className,
       style
     } = _ref,
@@ -14808,15 +14820,19 @@ const ChatBubble = _ref => {
     variant: "chip",
     type: (_attachment$type = attachment.type) !== null && _attachment$type !== void 0 ? _attachment$type : "pdf",
     bg: "white",
-    w: "100%",
+    w: {
+      base: 200,
+      md: 250
+    },
     bd: "1px solid #E2E8F0",
+    onClick: () => onFileClick === null || onFileClick === void 0 ? void 0 : onFileClick(attachment),
     rightsection: {
       icon: {
         name: "ReceiveSquare",
         size: 16,
         color: "gray"
       },
-      onClick: () => {}
+      onClick: () => onFileActionClick === null || onFileActionClick === void 0 ? void 0 : onFileActionClick(attachment)
     },
     mb: 4
   }, /*#__PURE__*/React__default.createElement(Stack, {

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, 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-PZhuS6Ng.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-BJiARt6H.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/defineProperty';
 import '@mantine/modals';

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

@@ -4,9 +4,10 @@ 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 MessageIncoming: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
+export declare const MessageOutgoing: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
+export declare const MessageAttachment: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
+export declare const MobileMessageAttachment: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
 export declare const DesktopHeader: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
 export declare const MobileHeader: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
 export declare const FullChatLayout: () => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ export interface ChatAttachment {
     name: string;
     size?: string;
     url?: string;
+    date?: string;
 }
 export interface ChatListCardProps extends React.ComponentPropsWithoutRef<"button"> {
     /** User name */
@@ -38,6 +39,10 @@ export interface ChatBubbleProps extends React.ComponentPropsWithoutRef<"div"> {
     avatar?: string;
     /** Optional attachment */
     attachment?: ChatAttachment;
+    /** Handler for file click */
+    onFileClick?: (attachment: ChatAttachment) => void;
+    /** Handler for file action click (right section) */
+    onFileActionClick?: (attachment: ChatAttachment) => void;
 }
 export interface ChatHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
     /** User name */

package/package.json

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