@top-message/ui-lib 1.18.5 → 1.18.7

package/dist/src/components/atoms/drawer/Drawer.d.ts

@@ -2,10 +2,11 @@ import { CSSProperties, FC, ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     open: boolean;
-    onClose: () => void;
+    onClose?: () => void;
     afterOpenChange?: (open: boolean) => void;
     className?: string;
     style?: CSSProperties;
+    placement?: 'left' | 'top' | 'right' | 'bottom';
 };
 export declare const Drawer: FC<Props>;
 export {};

package/dist/src/components/atoms/icon/icon-list.d.ts

@@ -1,4 +1,4 @@
-export type IconNames = 'mail-checkmark' | 'mail-dismiss' | 'mail-dismiss-filled' | 'eye-on' | 'eye-off' | 'lock' | 'link-dismiss' | 'dismiss' | 'placeholder' | 'placeholder-filled' | 'bell' | 'bell-filled' | 'bell-alarm' | 'bell-alarm-filled' | 'bell-slash' | 'bell-slash-filled' | 'bell-warning' | 'bell-warning-filled' | 'info' | 'info-filled' | 'checkmark-circle' | 'checkmark-circle-filled' | 'dismiss-circle' | 'dismiss-circle-filled' | 'danger' | 'danger-filled' | 'add' | 'search' | 'search-filled' | 'options' | 'options-filled' | 'person' | 'person-filled' | 'person-block' | 'person-block-filled' | 'person-unsubscribe' | 'person-unsubscribe-filled' | 'chevron-down' | 'chevron-down-filled' | 'chevron-up' | 'chevron-up-filled' | 'chevron-left' | 'chevron-left-filled' | 'chevron-right' | 'chevron-right-filled' | 'checkmark' | 'tag' | 'tag-filled' | 'delete' | 'delete-filled' | 'mail' | 'mail-filled' | 'more' | 'more-filled' | 'more-vertical' | 'more-vertical-filled' | 'edit' | 'edit-filled' | 'settings' | 'settings-filled' | 'reorder' | 'reorder-filled' | 'pin' | 'pin-filled' | 'calendar' | 'calendar-filled' | 'filter' | 'filter-filled' | 'plus' | 'plus-filled' | 'import-file' | 'import-file-filled' | 'export' | 'export-filled' | 'doc-imports' | 'doc-imports-filled' | 'doc-export' | 'doc-export-filled' | 'field' | 'field-filled' | 'contacts-book' | 'contacts-book-filled' | 'compose' | 'compose-filled' | 'inbox' | 'inbox-filled' | 'send-clock' | 'send-clock-filled' | 'emoji' | 'emoji-filled' | 'attach' | 'attach-filled' | 'templates' | 'templates-filled' | 'my-templates' | 'my-templates-filled' | 'link' | 'link-filled' | 'arrow-up' | 'arrow-up-filled' | 'arrow-down' | 'arrow-down-filled' | 'ai-generate-filled' | 'ai-generate-colored' | 'spec-chevron' | 'brackets' | 'text-grammar' | 'text-grammar-filled' | 'chevron-double-up' | 'chevron-double-up-filled' | 'chevron-double-down' | 'chevron-double-down-filled' | 'check' | 'check-double' | 'google-colored' | 'whatsapp' | 'whatsapp-colored' | 'sms-colored' | 'image' | 'image-filled' | 'video' | 'video-filled' | 'document' | 'document-filled' | 'sticker' | 'sticker-filled' | 'text-italic' | 'text-italic-filled' | 'text-bold' | 'text-bold-filled' | 'text-strikethrough' | 'text-strikethrough-filled' | 'send' | 'send-filled' | 'copy' | 'copy-filled' | 'reschedule' | 'reschedule-filled' | 'clock' | 'clock-filled' | 'arrow-counterclockwise' | 'arrow-counterclockwise-filled' | 'star' | 'star-filled' | 'pause' | 'pause-filled' | 'play' | 'play-filled' | 'arrow-performance' | 'arrow-performance-filled' | 'drop' | 'drop-filled' | 'dot' | 'dot-filled' | 'top-message-filled' | 'top-message-colored' | 'folder' | 'folder-filled' | 'folder-open' | 'folder-open-filled' | 'list' | 'list-filled' | 'grid' | 'grid-filled' | 'save' | 'save-filled' | 'sender' | 'sender-filled' | 'api-filled' | 'api-colored' | 'verify-colored' | 'phone-filled' | 'open' | 'open-filled' | 'menu-burger-right-filled' | 'text' | 'text-filled' | 'flash' | 'flash-filled' | 'mobile-number' | 'mobile-number-filled' | 'whatsapp-sender' | 'custom-sender' | 'custom-sender-filled' | 'question-circle' | 'question-circle-filled' | 'reply' | 'reply-filled' | 'phone' | 'none' | 'circle' | 'circle-filled' | 'slash' | 'slash-filled' | 'chevron-double-right' | 'chevron-double-right-filled' | 'chevron-double-left' | 'chevron-double-left-filled';
+export type IconNames = 'mail-checkmark' | 'mail-dismiss' | 'mail-dismiss-filled' | 'eye-on' | 'eye-off' | 'lock' | 'link-dismiss' | 'dismiss' | 'placeholder' | 'placeholder-filled' | 'bell' | 'bell-filled' | 'bell-alarm' | 'bell-alarm-filled' | 'bell-slash' | 'bell-slash-filled' | 'bell-warning' | 'bell-warning-filled' | 'info' | 'info-filled' | 'checkmark-circle' | 'checkmark-circle-filled' | 'dismiss-circle' | 'dismiss-circle-filled' | 'danger' | 'danger-filled' | 'add' | 'search' | 'search-filled' | 'options' | 'options-filled' | 'person' | 'person-filled' | 'person-block' | 'person-block-filled' | 'person-unsubscribe' | 'person-unsubscribe-filled' | 'chevron-down' | 'chevron-down-filled' | 'chevron-up' | 'chevron-up-filled' | 'chevron-left' | 'chevron-left-filled' | 'chevron-right' | 'chevron-right-filled' | 'checkmark' | 'tag' | 'tag-filled' | 'delete' | 'delete-filled' | 'mail' | 'mail-filled' | 'more' | 'more-filled' | 'more-vertical' | 'more-vertical-filled' | 'edit' | 'edit-filled' | 'settings' | 'settings-filled' | 'reorder' | 'reorder-filled' | 'pin' | 'pin-filled' | 'calendar' | 'calendar-filled' | 'filter' | 'filter-filled' | 'plus' | 'plus-filled' | 'import-file' | 'import-file-filled' | 'export' | 'export-filled' | 'doc-imports' | 'doc-imports-filled' | 'doc-export' | 'doc-export-filled' | 'field' | 'field-filled' | 'contacts-book' | 'contacts-book-filled' | 'compose' | 'compose-filled' | 'inbox' | 'inbox-filled' | 'send-clock' | 'send-clock-filled' | 'emoji' | 'emoji-filled' | 'attach' | 'attach-filled' | 'templates' | 'templates-filled' | 'my-templates' | 'my-templates-filled' | 'link' | 'link-filled' | 'arrow-up' | 'arrow-up-filled' | 'arrow-down' | 'arrow-down-filled' | 'ai-generate-filled' | 'ai-generate-colored' | 'spec-chevron' | 'brackets' | 'text-grammar' | 'text-grammar-filled' | 'chevron-double-up' | 'chevron-double-up-filled' | 'chevron-double-down' | 'chevron-double-down-filled' | 'check' | 'check-double' | 'google-colored' | 'whatsapp' | 'whatsapp-colored' | 'sms-colored' | 'image' | 'image-filled' | 'video' | 'video-filled' | 'document' | 'document-filled' | 'sticker' | 'sticker-filled' | 'text-italic' | 'text-italic-filled' | 'text-bold' | 'text-bold-filled' | 'text-strikethrough' | 'text-strikethrough-filled' | 'send' | 'send-filled' | 'copy' | 'copy-filled' | 'reschedule' | 'reschedule-filled' | 'clock' | 'clock-filled' | 'arrow-counterclockwise' | 'arrow-counterclockwise-filled' | 'star' | 'star-filled' | 'pause' | 'pause-filled' | 'play' | 'play-filled' | 'arrow-performance' | 'arrow-performance-filled' | 'drop' | 'drop-filled' | 'dot' | 'dot-filled' | 'top-message-filled' | 'top-message-colored' | 'folder' | 'folder-filled' | 'folder-open' | 'folder-open-filled' | 'list' | 'list-filled' | 'grid' | 'grid-filled' | 'save' | 'save-filled' | 'sender' | 'sender-filled' | 'api-filled' | 'api-colored' | 'verify-colored' | 'phone-filled' | 'open' | 'open-filled' | 'menu-burger-right-filled' | 'text' | 'text-filled' | 'flash' | 'flash-filled' | 'mobile-number' | 'mobile-number-filled' | 'whatsapp-sender' | 'custom-sender' | 'custom-sender-filled' | 'question-circle' | 'question-circle-filled' | 'reply' | 'reply-filled' | 'phone' | 'none' | 'circle' | 'circle-filled' | 'slash' | 'slash-filled' | 'chevron-double-right' | 'chevron-double-right-filled' | 'chevron-double-left' | 'chevron-double-left-filled' | 'arrow-download' | 'arrow-download-filled' | 'document-download' | 'document-download-filled' | 'hashtag' | 'hashtag-filled' | 'arrow-sync' | 'arrow-sync-filled';
 import { ReactNode } from 'react';
 export declare const iconNames: IconNames[];
 export declare const IconList: {

package/dist/src/components/molecules/input-field/InputField.d.ts

@@ -15,7 +15,7 @@ type Props = {
     autoFocus?: boolean;
     ref?: ForwardedRef<HTMLInputElement>;
     autoComplete?: string;
-    label?: string;
+    label?: string | ReactNode;
     suffix?: ReactNode;
     prefix?: ReactNode;
 };

package/dist/src/components/organisms/mobile-preview/MobilePreview.d.ts

@@ -1,6 +1,6 @@
-import { FC, CSSProperties, ForwardedRef } from 'react';
+import { FC, CSSProperties, ForwardedRef, ReactNode } from 'react';
 import { IconNames } from '../..';
-type InteractionButtonProps = {
+type ActionItemsProps = {
     icon?: IconNames;
     text: string;
 };
@@ -10,13 +10,14 @@ type Props = {
     channel: 'sms' | 'whatsapp';
     time: string;
     text: string;
-    actionItem?: InteractionButtonProps;
-    interactiveButtons?: InteractionButtonProps[];
+    actionItems?: ActionItemsProps[] | undefined;
     headerText?: string;
     mediaType?: 'image' | 'video' | 'document';
     mediaSrc?: string;
     footer?: string;
     ref?: ForwardedRef<HTMLDivElement>;
+    openDetails?: boolean;
+    allActions?: ReactNode;
 };
 export declare const MobilePreview: FC<Props>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@top-message/ui-lib",
-    "version": "1.18.5",
+    "version": "1.18.7",
     "type": "module",
     "files": [
         "dist",