@bikdotai/bik-component-library 0.0.805-beta.2 → 0.0.805-beta.20

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1,6 +1,7 @@
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
 } & {
-    version?: "1.0" | "2.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts

@@ -4,5 +4,5 @@ export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySel
 export declare const SelectAllMenu: React.FC<{
     options: DropdownOption[];
     onSelect: (newState: SelectAllCheckboxState) => void;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const SearchBox: React.FC<{
     onSearch: (searchString: string) => void;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -6,4 +6,5 @@ export declare const SearchZeroState: React.FC<{
     containerWidth?: string;
     errorMessage?: string;
     onRetry?: () => void;
+    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -16,6 +16,7 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     children?: SingleOption[] | undefined;
     parent?: SingleOption | undefined;
     'data-test'?: string | undefined;
+    hasDivider?: boolean | undefined;
 } | {
     label?: string | undefined;
     value?: string | undefined;
@@ -32,6 +33,7 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     children?: SingleOption[] | undefined;
     parent?: SingleOption | undefined;
     'data-test'?: string | undefined;
+    hasDivider?: boolean | undefined;
     options: SingleOption[];
 })[];
 export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;

package/dist/cjs/src/components/dropdown/hooks/useDropdown.d.ts

@@ -25,6 +25,7 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
         children?: SingleOption[] | undefined;
         parent?: SingleOption | undefined;
         'data-test'?: string | undefined;
+        hasDivider?: boolean | undefined;
     } | {
         label?: string | undefined;
         value?: string | undefined;
@@ -41,6 +42,7 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
         children?: SingleOption[] | undefined;
         parent?: SingleOption | undefined;
         'data-test'?: string | undefined;
+        hasDivider?: boolean | undefined;
         options: SingleOption[];
     })[] | undefined;
     selectAllHandler: (newState: SelectAllCheckboxState) => void;

package/dist/cjs/src/components/dropdown/type.d.ts

@@ -17,7 +17,7 @@ export interface OpenDropdownProps {
     placement?: Placement;
     strategy?: PositioningStrategy;
     onSearch?: (key: string) => Promise<DropdownOption[]>;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
     skipSorting?: boolean;
     headerRef?: any;
     hideSelectAll?: boolean;
@@ -80,6 +80,7 @@ export type SingleOption = {
     children?: SingleOption[];
     parent?: SingleOption;
     'data-test'?: string;
+    hasDivider?: boolean;
 };
 export type MultiSelectOption = SingleOption;
 export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;

package/dist/cjs/src/components/dropdown-button/DropdownButton.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { DropdownProps } from "../dropdown";
 import { ButtonProps } from '../button/model';
+import { IconButtonProps } from '../icon-button/model';
 export interface DropdownButtonProps {
     dropdownProps: DropdownProps;
-    buttonProps: ButtonProps;
     iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    buttonProps?: ButtonProps;
+    iconButtonProps?: IconButtonProps;
 }
 export declare const DropdownButton: React.FC<DropdownButtonProps>;

package/dist/cjs/src/components/dropdown-button/DropdownButton.style.d.ts

@@ -1,6 +1,13 @@
-import { Type } from '../button/model';
+import { Size, Type } from '../button/model';
+import { IconButtonType } from '../icon-button/model';
 export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
     type: Type | undefined;
     disabled: boolean | undefined;
+    isIconButton?: boolean | undefined;
+    iconButtonType?: IconButtonType | undefined;
+    iconButtonSize?: "default" | "xs" | undefined;
+    size?: Size | undefined;
+}, never>;
+export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {
+    type: Type | undefined;
 }, never>;
-export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/src/components/dual-icon-button/DualIconButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DualIconButtonProps } from './model';
+export declare const DualIconButton: React.ForwardRefExoticComponent<DualIconButtonProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/dual-icon-button/DualIconButton.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const IconHalf: import("styled-components").StyledComponent<"button", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/src/components/dual-icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DualIconButton';
+export type { DualIconButtonProps } from './model';

package/dist/cjs/src/components/dual-icon-button/model.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface DualIconButtonProps {
+    LeftIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    RightIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    onLeftClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onRightClick?: React.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    leftIconColor?: string;
+    rightIconColor?: string;
+    id?: string;
+    style?: React.CSSProperties;
+}

package/dist/cjs/src/components/fab-menu/FABMenu.d.ts

@@ -21,5 +21,5 @@ export declare const FABMenu: React.FC<{
     isRound?: boolean;
     dropPosition?: DROP_POSITION;
     menuAligment?: MENU_ALIGNMENT;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/icon-button/IconButton.styled.d.ts

@@ -1,6 +1,8 @@
-import { IconButtonType } from './model';
+import { IconButtonSize, IconButtonType } from './model';
 export declare const IconButton: import("styled-components").StyledComponent<"button", any, {
     bordered?: boolean | undefined;
     iconButtonType: IconButtonType;
     isSelected?: boolean | undefined;
+    iconPadding?: number | undefined;
+    size?: IconButtonSize | undefined;
 }, never>;

package/dist/cjs/src/components/icon-button/model.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai';
+export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai' | 'primary';
+export type IconButtonSize = 'default' | 'xs';
 export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Icon to render
@@ -30,6 +31,11 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      * @default default default
      */
     iconButtonType?: IconButtonType;
+    /**
+     * Size of the icon button
+     * @default 'default'
+     */
+    size?: IconButtonSize;
     /**
      * Add border to the button
      * @default default false
@@ -40,5 +46,10 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      */
     isSelected?: boolean;
     iconColor?: string;
+    /**
+     * Custom padding for the icon button container
+     * @default 6
+     */
+    iconPadding?: number;
     disabledTooltip?: string;
 }

package/dist/cjs/src/components/input/Input.model.d.ts

@@ -15,6 +15,7 @@ export interface InputProps {
         icon: React.FC;
         callback?: () => void;
     };
+    leftIconStyle?: React.CSSProperties;
     rightIcon?: {
         icon: React.FC;
         callback?: () => void;
@@ -54,7 +55,7 @@ export interface InputProps {
     };
     noKeyDownChange?: boolean;
     skipFocus?: boolean;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
     textControl?: boolean;
     noMaxCharCheck?: boolean;
     tooltipText?: string;

package/dist/cjs/src/components/input/Input.styled.d.ts

@@ -10,7 +10,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     isInvalid?: boolean | undefined;
     state?: InputStateI | undefined;
     variant?: InputVariant | undefined;
-    version?: "1.0" | "2.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
     hightlightInputColor?: string | undefined;
     hideBorder?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -55,6 +55,21 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
     height?: string | undefined;
     type?: InputTypeI | undefined;
 }, {}, {}>;
+export declare const InputContainerXSmall: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    height?: string | undefined;
+    type?: InputTypeI | undefined;
+}, {}, {}>;
 export declare const InputHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/cjs/src/components/list-item/List.model.d.ts

@@ -14,5 +14,5 @@ export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
     borderBottom?: string;
     customComponent?: JSX.Element;
     customListItemLabel?: JSX.Element;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
 }

package/dist/cjs/src/components/list-item/ListItem.styled.d.ts

@@ -6,5 +6,5 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
 } & {
     variant: Variant;
     borderBottom?: string | undefined;
-    version?: "1.0" | "2.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/src/components/list-item/themes.d.ts

@@ -1,3 +1,3 @@
 import type { Variant } from './List.model';
-export declare function getColor(variant: Variant): string;
-export declare function getTheme(variant: Variant, version?: '1.0' | '2.0'): import("@emotion/utils").SerializedStyles;
+export declare function getColor(variant: Variant, version?: '1.0' | '2.0' | '3.0'): string;
+export declare function getTheme(variant: Variant, version?: '1.0' | '2.0' | '3.0'): import("@emotion/utils").SerializedStyles;

package/dist/cjs/src/components/multi-level-dropdown/GroupedMenuList.d.ts

@@ -10,4 +10,5 @@ export declare const GroupedMenuList: React.FC<{
     hideGroupLabel?: boolean;
     currentLevel: number;
     renderNestedMenu: RenderNestedMenu;
+    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/multi-level-dropdown/MenuItem.d.ts

@@ -9,4 +9,5 @@ export declare const MenuItem: React.FC<{
     maxLevels?: number;
     currentLevel: number;
     renderNestedMenu: RenderNestedMenu;
+    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/multi-level-dropdown/MenuList.d.ts

@@ -9,4 +9,5 @@ export declare const MenuList: React.FC<{
     maxLevels?: number;
     hideGroupLabel?: boolean;
     currentLevel: number;
+    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/multi-level-dropdown/MultiLevelDropdown.styled.d.ts

@@ -1,25 +1,35 @@
 export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
 export declare const OptionsContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
 export declare const NoResultsContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
+}, never>;
+export declare const GroupedMenuListContainer: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
-export declare const GroupedMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMenuList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | "3.0" | undefined;
+}, never>;
 export interface MenuItemContainerProps {
     isSelected?: boolean;
     isHovered?: boolean;
     isSubMenuOpen?: boolean;
     isDisabled?: boolean;
+    version?: '1.0' | '2.0' | '3.0';
 }
 export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", any, MenuItemContainerProps, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | "3.0" | undefined;
+}, never>;
 export declare const LeadingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TrailingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", any, {

package/dist/cjs/src/components/multi-level-dropdown/type.d.ts

@@ -8,6 +8,7 @@ export interface MultiLevelDropdownProps extends FloaterProps {
     allowParentSelection?: boolean;
     maxLevels?: number;
     hideGroupLabel?: boolean;
+    version?: '1.0' | '2.0' | '3.0';
     onDropdownOutsideClick?: (isOutsideClick: any) => void;
     onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
 }

package/dist/cjs/src/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/cjs/src/components/tag/Tag.stories.d.ts

@@ -1,22 +1,22 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 declare const _default: ComponentMeta<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;
 export declare const Default: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIcons: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIconTooltips: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const DarkTheme: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;

package/dist/cjs/src/components/tag/Tag.styled.d.ts

@@ -7,11 +7,13 @@ export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
     cursor?: string | undefined;
     alignIcon?: string | undefined;
     noBorder?: boolean | undefined;
     contentPadding?: number | undefined;
+    padding?: string | undefined;
+    height?: number | undefined;
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
     size?: "small" | "regular" | undefined;

package/dist/cjs/src/components/tag/model.d.ts

@@ -92,7 +92,11 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     leadingIconTooltip?: Omit<TooltipProps, 'children'>;
     tagText: string | number;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
+    /** Custom CSS padding string, e.g. '4px 8px' */
+    padding?: string;
+    /** Custom height in px */
+    height?: number;
     cursor?: string;
     alignIcon?: string;
     noBorder?: boolean;

package/dist/cjs/src/components/whats-new/WhatsNew.d.ts

@@ -13,6 +13,8 @@ interface WhatsNewProps {
     buttonTestId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
+    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/cjs/src/components/whats-new/WhatsNew.types.d.ts

@@ -35,6 +35,8 @@ export interface WhatsNewButtonProps {
     testId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
+    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/cjs/src/constants/Theme.d.ts

@@ -1,7 +1,9 @@
 export declare const BASE_COLORS: {
     brand: {
         900: string;
+        850: string;
         800: string;
+        700: string;
         500: string;
         100: string;
         50: string;
@@ -54,6 +56,7 @@ export declare const COLORS: {
         brandVeryLight: string;
         pureWhite: string;
         brandTint: string;
+        brandHovered: string;
         negative: {
             vibrant: string;
             light: string;
@@ -114,6 +117,7 @@ export declare const COLORS: {
             vibrant: string;
         };
         brandLightAlt: string;
+        brandSubdued: string;
         blue: {
             lightAlt: string;
         };
@@ -345,6 +349,7 @@ export declare const DEFAULT_THEME: {
             brandVeryLight: string;
             pureWhite: string;
             brandTint: string;
+            brandHovered: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -405,6 +410,7 @@ export declare const DEFAULT_THEME: {
                 vibrant: string;
             };
             brandLightAlt: string;
+            brandSubdued: string;
             blue: {
                 lightAlt: string;
             };

package/dist/cjs/src/icons/Arrows/Chevron/ChevronUp.d.ts

@@ -1,7 +1,6 @@
 import type { SVGProps } from 'react';
 interface Props extends SVGProps<SVGSVGElement> {
-    size?: number | string;
     color?: string;
 }
-declare const SvgChevronUp: ({ size, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: ({ width, height, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

package/dist/cjs/src/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/spinner';
 export * from './components/stepper';
 export * from './components/tag';
 export * from './components/icon-button';
+export * from './components/dual-icon-button';
 export * from './components/template-preview';
 export * from './components/template-context-mapper';
 export * from './components/fab-menu';

package/dist/esm/components/BikGiftedChat/Bubble/Bubble.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import t,{useMemo as n,useCallback as o}from"react";import{COLORS as l}from"../../../constants/Theme.js";import{useWindowSize as r}from"../../../hooks/useWindowSize.js";import{MESSAGE_CHANNELS as a}from"../GiftedChat/types.js";import{Constants as s,isStringifiedArray as d}from"../GiftedChat/utils.js";import{GiftedChatAppType as c}from"./types.js";const g=t=>{var g,u,v,f;const{currentMessage:m,position:h,renderMessageText:b,renderTicks:y,renderTime:p,renderCustomView:j,isCustomViewBottom:T,isUnsatisfactoryMessageFn:I,messagesGroupedByAiTraceId:O,onPress:k,containerStyle:x,bubbleStyles:C,appType:A=c.Bik}=t,M=r(),w=m,G=A===c.Manifest,P=n((()=>w.category===s.ChatActivity.Category.ACTIVITY&&w.activityType===s.ChatActivity.Type.PRIVATE_NOTE),[w.category,w.activityType]),B=n((()=>{const[e,i]=d(null==w?void 0:w.message);return e&&i&&Array.isArray(i)}),[null==w?void 0:w.message]),S=n((()=>{var e,i,t;const n={borderRadius:8,minHeight:20,margin:0,flexGrow:M?1:0},o=(null==w?void 0:w.channelId)===a.GMAIL||(null==w?void 0:w.channelName)===a.GMAIL,r=(null==w?void 0:w.channelId)===a.SMTP||(null==w?void 0:w.channelName)===a.SMTP;let s={};if(G)return s="left"===h?C&&"object"==typeof C.left?C.left:{}:C&&"object"==typeof C.right?C.right:{},Object.assign({},s);if("left"===h)s=Object.assign(Object.assign({},M||o||r?{maxWidth:"100%"}:{}),P?{background:(null===(e=null==w?void 0:w.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":l.background.warning.light}:{backgroundColor:(null==w?void 0:w.isPrivateMail)?l.background.blue.light:l.surface.hovered});else{const e=I&&I({aiTraceId:null===(i=w.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:O});s=Object.assign(Object.assign({backgroundColor:"failed"===w.status||e?l.background.negative.light:l.background.brandVeryLight},P?{background:(null===(t=null==w?void 0:w.meta)||void 0===t?void 0:t.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":l.background.warning.light}:{}),!M&&B?{maxWidth:500}:{})}return Object.assign(Object.assign({},n),s)}),[null==w?void 0:w.channelId,null==w?void 0:w.channelName,null===(g=null==w?void 0:w.meta)||void 0===g?void 0:g.aiUsed,null==w?void 0:w.status,null===(u=null==w?void 0:w.eventProperties)||void 0===u?void 0:u.aiTraceId,h,M,P,B,I,O,null==w?void 0:w.isPrivateMail,C,G]),V=o((()=>e("div",{children:[!T&&(null==j?void 0:j(t)),null==b?void 0:b(t),T&&(null==j?void 0:j(t))]})),[T,j,b,t]),L=n((()=>G&&"object"==typeof x?"left"===h&&"left"in x&&x.left&&"object"==typeof x.left?x.left:"right"===h&&"right"in x&&x.right&&"object"==typeof x.right?x.right:{}:{}),[G,x,h]);return i("div",Object.assign({style:Object.assign(Object.assign({display:"flex",marginTop:G?0:6,marginBottom:G?0:(null===(f=null===(v=null==m?void 0:m.messageInformation)||void 0===v?void 0:v.reactions)||void 0===f?void 0:f.length)>0?24:6,flexGrow:M?1:0},G?Object.assign({alignItems:"flex-end"},"right"===h?{cursor:"pointer"}:{}):{}),L)},G?{onClick:k}:{},{children:i("div",Object.assign({style:S},{children:e("div",{children:[i("div",Object.assign({id:m.chatActivityId||`message-${m.psqlId}`},{children:V()})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",marginLeft:"32px"}},{children:[null==p?void 0:p(t),null==y?void 0:y(m)]}))]})}))}))},u=t.memo(g);export{u as Bubble,u as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t,{useMemo as n,useCallback as l}from"react";import{COLORS as o}from"../../../constants/Theme.js";import{useWindowSize as r}from"../../../hooks/useWindowSize.js";import{MESSAGE_CHANNELS as s}from"../GiftedChat/types.js";import{Constants as a,isStringifiedArray as d}from"../GiftedChat/utils.js";import{GiftedChatAppType as c}from"./types.js";const g=t=>{var g,u,f,v,m,h;const{currentMessage:b,position:y,renderMessageText:p,renderTicks:j,renderTime:T,renderCustomView:I,isCustomViewBottom:O,isUnsatisfactoryMessageFn:k,messagesGroupedByAiTraceId:x,onPress:C,containerStyle:A,bubbleStyles:M,appType:w=c.Bik}=t,G=r(),P=b,B=w===c.Manifest,S=n((()=>P.category===a.ChatActivity.Category.ACTIVITY&&P.activityType===a.ChatActivity.Type.PRIVATE_NOTE),[P.category,P.activityType]),V=n((()=>{const[e,i]=d(null==P?void 0:P.message);return e&&i&&Array.isArray(i)}),[null==P?void 0:P.message]),N=n((()=>{var e,i,t,n,l;const r={borderRadius:8,minHeight:20,margin:0,flexGrow:G?1:0},a=(null==P?void 0:P.channelId)===s.GMAIL||(null==P?void 0:P.channelName)===s.GMAIL,d=(null==P?void 0:P.channelId)===s.SMTP||(null==P?void 0:P.channelName)===s.SMTP;let c={};if(B)return c="left"===y?M&&"object"==typeof M.left?M.left:{}:M&&"object"==typeof M.right?M.right:{},Object.assign({},c);if("left"===y)c=Object.assign(Object.assign({},G||a||d?{maxWidth:"100%"}:{}),S?{background:(null===(e=null==P?void 0:P.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":o.background.warning.light}:{backgroundColor:(null==P?void 0:P.isPrivateMail)?o.background.blue.light:o.surface.hovered});else{const e=k&&k({aiTraceId:null===(i=P.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:x});c=Object.assign(Object.assign({backgroundColor:"failed"===P.status||e?o.background.negative.light:o.background.brandVeryLight},S?{background:(null===(t=null==P?void 0:P.meta)||void 0===t?void 0:t.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":o.background.warning.light}:{}),!G&&V?{maxWidth:500}:{})}const g=M&&"object"==typeof M?"left"in M||"right"in M?"left"===y?null!==(n=M.left)&&void 0!==n?n:{}:null!==(l=M.right)&&void 0!==l?l:{}:M:{};return Object.assign(Object.assign(Object.assign({},r),c),g)}),[null==P?void 0:P.channelId,null==P?void 0:P.channelName,null===(g=null==P?void 0:P.meta)||void 0===g?void 0:g.aiUsed,null==P?void 0:P.status,null===(u=null==P?void 0:P.eventProperties)||void 0===u?void 0:u.aiTraceId,y,G,S,V,k,x,null==P?void 0:P.isPrivateMail,M,B]),U=l((()=>e("div",{children:[!O&&(null==I?void 0:I(t)),null==p?void 0:p(t),O&&(null==I?void 0:I(t))]})),[O,I,p,t]),L=n((()=>B&&"object"==typeof A?"left"===y&&"left"in A&&A.left&&"object"==typeof A.left?A.left:"right"===y&&"right"in A&&A.right&&"object"==typeof A.right?A.right:{}:{}),[B,A,y]),W=!B&&A&&"object"==typeof A?"left"in A||"right"in A?"left"===y?null!==(f=A.left)&&void 0!==f?f:{}:null!==(v=A.right)&&void 0!==v?v:{}:A:{};return i("div",Object.assign({style:Object.assign(Object.assign(Object.assign({display:"flex",marginTop:B?0:6,marginBottom:B?0:(null===(h=null===(m=null==b?void 0:b.messageInformation)||void 0===m?void 0:m.reactions)||void 0===h?void 0:h.length)>0?24:6,flexGrow:G?1:0},B?Object.assign({alignItems:"flex-end"},"right"===y?{cursor:"pointer"}:{}):{}),L),W)},B?{onClick:C}:{},{children:i("div",Object.assign({style:N},{children:e("div",{children:[i("div",Object.assign({id:b.chatActivityId||`message-${b.psqlId}`},{children:U()})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"flex-end"}},{children:[null==T?void 0:T(t),null==j?void 0:j(b)]}))]})}))}))},u=t.memo(g);export{u as Bubble,u as default};
 //# sourceMappingURL=Bubble.js.map

package/dist/esm/components/BikGiftedChat/Bubble/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","sources":["../../../../../src/components/BikGiftedChat/Bubble/Bubble.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { MESSAGE_CHANNELS } from '../GiftedChat/types';\nimport { Constants, isStringifiedArray } from '../GiftedChat/utils';\nimport { IMessage } from '../types';\nimport { BubbleProps, GiftedChatAppType } from './types';\n\nconst BubbleComponent = <TMessage extends IMessage = IMessage>(\n\tprops: BubbleProps<TMessage>,\n): React.ReactElement => {\n\tconst {\n\t\tcurrentMessage,\n\t\tposition,\n\t\trenderMessageText,\n\t\trenderTicks,\n\t\trenderTime,\n\t\trenderCustomView,\n\t\tisCustomViewBottom,\n\t\tisUnsatisfactoryMessageFn,\n\t\tmessagesGroupedByAiTraceId,\n\t\tonPress,\n\t\tcontainerStyle,\n\t\tbubbleStyles,\n\t\tappType = GiftedChatAppType.Bik,\n\t} = props;\n\n\tconst isMobile = useWindowSize();\n\tconst message = currentMessage as any;\n\tconst isManifestApp = appType === GiftedChatAppType.Manifest;\n\n\t// Check if message is a private note\n\tconst isPrivateNote = useMemo(\n\t\t() =>\n\t\t\tmessage.category === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\tmessage.activityType === Constants.ChatActivity.Type.PRIVATE_NOTE,\n\t\t[message.category, message.activityType],\n\t);\n\n\t// Check if message is a carousel (array of items)\n\tconst isCarouselMessage = useMemo(() => {\n\t\tconst [parsedSuccessfully, parsedMessage] = isStringifiedArray(\n\t\t\tmessage?.message,\n\t\t);\n\t\treturn parsedSuccessfully && parsedMessage && Array.isArray(parsedMessage);\n\t}, [message?.message]);\n\t// Generates wrapper styles for the message bubble\n\t// Handles position-based styling, channel-specific layouts, and message states\n\tconst wrapperStyles = useMemo((): React.CSSProperties => {\n\t\tconst baseStyles: React.CSSProperties = {\n\t\t\tborderRadius: 8,\n\t\t\tminHeight: 20,\n\t\t\tmargin: 0,\n\t\t\tflexGrow: isMobile ? 1 : 0,\n\t\t};\n\n\t\t// Check if message is from email channels\n\t\tconst isGmail =\n\t\t\tmessage?.channelId === MESSAGE_CHANNELS.GMAIL ||\n\t\t\tmessage?.channelName === MESSAGE_CHANNELS.GMAIL;\n\t\tconst isSmtp =\n\t\t\tmessage?.channelId === MESSAGE_CHANNELS.SMTP ||\n\t\t\tmessage?.channelName === MESSAGE_CHANNELS.SMTP;\n\n\t\tlet dynamicStyles: React.CSSProperties = {};\n\n\t\tif (isManifestApp) {\n\t\t\tif (position === 'left') {\n\t\t\t\tdynamicStyles =\n\t\t\t\t\tbubbleStyles && typeof bubbleStyles.left === 'object'\n\t\t\t\t\t\t? bubbleStyles.left\n\t\t\t\t\t\t: {};\n\t\t\t} else {\n\t\t\t\tdynamicStyles =\n\t\t\t\t\tbubbleStyles && typeof bubbleStyles.right === 'object'\n\t\t\t\t\t\t? bubbleStyles.right\n\t\t\t\t\t\t: {};\n\t\t\t}\n\t\t\treturn { ...dynamicStyles };\n\t\t} else {\n\t\t\tif (position === 'left') {\n\t\t\t\tdynamicStyles = {\n\t\t\t\t\t...(isMobile || isGmail || isSmtp ? { maxWidth: '100%' } : {}),\n\t\t\t\t\t...(isPrivateNote\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbackground: message?.meta?.aiUsed\n\t\t\t\t\t\t\t\t\t? 'linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)'\n\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tbackgroundColor: message?.isPrivateMail\n\t\t\t\t\t\t\t\t\t? COLORS.background.blue.light\n\t\t\t\t\t\t\t\t\t: COLORS.surface.hovered,\n\t\t\t\t\t\t  }),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tconst isUnsatisfactory =\n\t\t\t\t\tisUnsatisfactoryMessageFn &&\n\t\t\t\t\tisUnsatisfactoryMessageFn({\n\t\t\t\t\t\taiTraceId: message.eventProperties?.aiTraceId,\n\t\t\t\t\t\tmessagesGroupedByAiTraceId,\n\t\t\t\t\t});\n\n\t\t\t\tdynamicStyles = {\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tmessage.status === 'failed' || isUnsatisfactory\n\t\t\t\t\t\t\t? COLORS.background.negative.light\n\t\t\t\t\t\t\t: COLORS.background.brandVeryLight,\n\t\t\t\t\t...(isPrivateNote\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbackground: message?.meta?.aiUsed\n\t\t\t\t\t\t\t\t\t? 'linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)'\n\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {}),\n\t\t\t\t\t...(!isMobile && isCarouselMessage ? { maxWidth: 500 } : {}),\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t\treturn { ...baseStyles, ...dynamicStyles };\n\t}, [\n\t\tmessage?.channelId,\n\t\tmessage?.channelName,\n\t\tmessage?.meta?.aiUsed,\n\t\tmessage?.status,\n\t\tmessage?.eventProperties?.aiTraceId,\n\t\tposition,\n\t\tisMobile,\n\t\tisPrivateNote,\n\t\tisCarouselMessage,\n\t\tisUnsatisfactoryMessageFn,\n\t\tmessagesGroupedByAiTraceId,\n\t\tmessage?.isPrivateMail,\n\t\tbubbleStyles,\n\t\tisManifestApp,\n\t]);\n\n\t// Renders the content of the message bubble\n\t// Handles custom views and message text in the correct order\n\tconst renderContent = useCallback(() => {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{!isCustomViewBottom && renderCustomView?.(props)}\n\n\t\t\t\t{renderMessageText?.(props)}\n\n\t\t\t\t{isCustomViewBottom && renderCustomView?.(props)}\n\t\t\t</div>\n\t\t);\n\t}, [isCustomViewBottom, renderCustomView, renderMessageText, props]);\n\n\tconst manifestContainerStyle = useMemo(() => {\n\t\tif (!isManifestApp || typeof containerStyle !== 'object') return {};\n\t\tif (\n\t\t\tposition === 'left' &&\n\t\t\t'left' in containerStyle &&\n\t\t\tcontainerStyle.left &&\n\t\t\ttypeof containerStyle.left === 'object'\n\t\t) {\n\t\t\treturn containerStyle.left;\n\t\t}\n\t\tif (\n\t\t\tposition === 'right' &&\n\t\t\t'right' in containerStyle &&\n\t\t\tcontainerStyle.right &&\n\t\t\ttypeof containerStyle.right === 'object'\n\t\t) {\n\t\t\treturn containerStyle.right;\n\t\t}\n\t\treturn {};\n\t}, [isManifestApp, containerStyle, position]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tmarginTop: isManifestApp ? 0 : 6,\n\t\t\t\tmarginBottom: isManifestApp\n\t\t\t\t\t? 0\n\t\t\t\t\t: currentMessage?.['messageInformation']?.reactions?.length > 0\n\t\t\t\t\t? 24\n\t\t\t\t\t: 6,\n\t\t\t\tflexGrow: isMobile ? 1 : 0,\n\t\t\t\t...(isManifestApp\n\t\t\t\t\t? {\n\t\t\t\t\t\t\talignItems: 'flex-end',\n\t\t\t\t\t\t\t...(position === 'right' ? { cursor: 'pointer' } : {}),\n\t\t\t\t\t  }\n\t\t\t\t\t: {}),\n\t\t\t\t...manifestContainerStyle,\n\t\t\t}}\n\t\t\t{...(isManifestApp ? { onClick: onPress } : {})}\n\t\t>\n\t\t\t<div style={wrapperStyles}>\n\t\t\t\t<div>\n\t\t\t\t\t{/* Message content */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tid={\n\t\t\t\t\t\t\tcurrentMessage['chatActivityId'] ||\n\t\t\t\t\t\t\t`message-${currentMessage['psqlId']}`\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderContent()}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Message metadata (time and status) */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\tmarginLeft: '32px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderTime?.(props)}\n\t\t\t\t\t\t{renderTicks?.(currentMessage)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n// Export memoized version for performance\nexport const Bubble = React.memo(BubbleComponent) as typeof BubbleComponent;\n\nexport default Bubble;\n"],"names":["BubbleComponent","props","currentMessage","position","renderMessageText","renderTicks","renderTime","renderCustomView","isCustomViewBottom","isUnsatisfactoryMessageFn","messagesGroupedByAiTraceId","onPress","containerStyle","bubbleStyles","appType","GiftedChatAppType","Bik","isMobile","useWindowSize","message","isManifestApp","Manifest","isPrivateNote","useMemo","category","Constants","ChatActivity","Category","ACTIVITY","activityType","Type","PRIVATE_NOTE","isCarouselMessage","parsedSuccessfully","parsedMessage","isStringifiedArray","Array","isArray","wrapperStyles","baseStyles","borderRadius","minHeight","margin","flexGrow","isGmail","channelId","MESSAGE_CHANNELS","GMAIL","channelName","isSmtp","SMTP","dynamicStyles","left","right","Object","assign","maxWidth","background","_a","meta","aiUsed","COLORS","warning","light","backgroundColor","isPrivateMail","blue","surface","hovered","isUnsatisfactory","aiTraceId","_b","eventProperties","status","negative","brandVeryLight","_c","renderContent","useCallback","_jsxs","children","manifestContainerStyle","_jsx","style","display","marginTop","marginBottom","_d","reactions","length","alignItems","cursor","onClick","id","flexDirection","justifyContent","marginLeft","Bubble","React","memo"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","sources":["../../../../../src/components/BikGiftedChat/Bubble/Bubble.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { MESSAGE_CHANNELS } from '../GiftedChat/types';\nimport { Constants, isStringifiedArray } from '../GiftedChat/utils';\nimport { IMessage } from '../types';\nimport { BubbleProps, GiftedChatAppType } from './types';\n\nconst BubbleComponent = <TMessage extends IMessage = IMessage>(\n\tprops: BubbleProps<TMessage>,\n): React.ReactElement => {\n\tconst {\n\t\tcurrentMessage,\n\t\tposition,\n\t\trenderMessageText,\n\t\trenderTicks,\n\t\trenderTime,\n\t\trenderCustomView,\n\t\tisCustomViewBottom,\n\t\tisUnsatisfactoryMessageFn,\n\t\tmessagesGroupedByAiTraceId,\n\t\tonPress,\n\t\tcontainerStyle,\n\t\tbubbleStyles,\n\t\tappType = GiftedChatAppType.Bik,\n\t} = props;\n\n\tconst isMobile = useWindowSize();\n\tconst message = currentMessage as any;\n\tconst isManifestApp = appType === GiftedChatAppType.Manifest;\n\n\t// Check if message is a private note\n\tconst isPrivateNote = useMemo(\n\t\t() =>\n\t\t\tmessage.category === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\tmessage.activityType === Constants.ChatActivity.Type.PRIVATE_NOTE,\n\t\t[message.category, message.activityType],\n\t);\n\n\t// Check if message is a carousel (array of items)\n\tconst isCarouselMessage = useMemo(() => {\n\t\tconst [parsedSuccessfully, parsedMessage] = isStringifiedArray(\n\t\t\tmessage?.message,\n\t\t);\n\t\treturn parsedSuccessfully && parsedMessage && Array.isArray(parsedMessage);\n\t}, [message?.message]);\n\t// Generates wrapper styles for the message bubble\n\t// Handles position-based styling, channel-specific layouts, and message states\n\tconst wrapperStyles = useMemo((): React.CSSProperties => {\n\t\tconst baseStyles: React.CSSProperties = {\n\t\t\tborderRadius: 8,\n\t\t\tminHeight: 20,\n\t\t\tmargin: 0,\n\t\t\tflexGrow: isMobile ? 1 : 0,\n\t\t};\n\n\t\t// Check if message is from email channels\n\t\tconst isGmail =\n\t\t\tmessage?.channelId === MESSAGE_CHANNELS.GMAIL ||\n\t\t\tmessage?.channelName === MESSAGE_CHANNELS.GMAIL;\n\t\tconst isSmtp =\n\t\t\tmessage?.channelId === MESSAGE_CHANNELS.SMTP ||\n\t\t\tmessage?.channelName === MESSAGE_CHANNELS.SMTP;\n\n\t\tlet dynamicStyles: React.CSSProperties = {};\n\n\t\tif (isManifestApp) {\n\t\t\tif (position === 'left') {\n\t\t\t\tdynamicStyles =\n\t\t\t\t\tbubbleStyles && typeof bubbleStyles.left === 'object'\n\t\t\t\t\t\t? bubbleStyles.left\n\t\t\t\t\t\t: {};\n\t\t\t} else {\n\t\t\t\tdynamicStyles =\n\t\t\t\t\tbubbleStyles && typeof bubbleStyles.right === 'object'\n\t\t\t\t\t\t? bubbleStyles.right\n\t\t\t\t\t\t: {};\n\t\t\t}\n\t\t\treturn { ...dynamicStyles };\n\t\t} else {\n\t\t\tif (position === 'left') {\n\t\t\t\tdynamicStyles = {\n\t\t\t\t\t...(isMobile || isGmail || isSmtp ? { maxWidth: '100%' } : {}),\n\t\t\t\t\t...(isPrivateNote\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbackground: message?.meta?.aiUsed\n\t\t\t\t\t\t\t\t\t? 'linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)'\n\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tbackgroundColor: message?.isPrivateMail\n\t\t\t\t\t\t\t\t\t? COLORS.background.blue.light\n\t\t\t\t\t\t\t\t\t: COLORS.surface.hovered,\n\t\t\t\t\t\t  }),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tconst isUnsatisfactory =\n\t\t\t\t\tisUnsatisfactoryMessageFn &&\n\t\t\t\t\tisUnsatisfactoryMessageFn({\n\t\t\t\t\t\taiTraceId: message.eventProperties?.aiTraceId,\n\t\t\t\t\t\tmessagesGroupedByAiTraceId,\n\t\t\t\t\t});\n\n\t\t\t\tdynamicStyles = {\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tmessage.status === 'failed' || isUnsatisfactory\n\t\t\t\t\t\t\t? COLORS.background.negative.light\n\t\t\t\t\t\t\t: COLORS.background.brandVeryLight,\n\t\t\t\t\t...(isPrivateNote\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbackground: message?.meta?.aiUsed\n\t\t\t\t\t\t\t\t\t? 'linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)'\n\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {}),\n\t\t\t\t\t...(!isMobile && isCarouselMessage ? { maxWidth: 500 } : {}),\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t\tconst extraBubbleStyles: React.CSSProperties =\n\t\t\tbubbleStyles && typeof bubbleStyles === 'object'\n\t\t\t\t? 'left' in bubbleStyles || 'right' in bubbleStyles\n\t\t\t\t\t? position === 'left'\n\t\t\t\t\t\t? (bubbleStyles as { left?: React.CSSProperties }).left ?? {}\n\t\t\t\t\t\t: (bubbleStyles as { right?: React.CSSProperties }).right ?? {}\n\t\t\t\t\t: (bubbleStyles as React.CSSProperties)\n\t\t\t\t: {};\n\n\t\treturn { ...baseStyles, ...dynamicStyles, ...extraBubbleStyles };\n\t}, [\n\t\tmessage?.channelId,\n\t\tmessage?.channelName,\n\t\tmessage?.meta?.aiUsed,\n\t\tmessage?.status,\n\t\tmessage?.eventProperties?.aiTraceId,\n\t\tposition,\n\t\tisMobile,\n\t\tisPrivateNote,\n\t\tisCarouselMessage,\n\t\tisUnsatisfactoryMessageFn,\n\t\tmessagesGroupedByAiTraceId,\n\t\tmessage?.isPrivateMail,\n\t\tbubbleStyles,\n\t\tisManifestApp,\n\t]);\n\n\t// Renders the content of the message bubble\n\t// Handles custom views and message text in the correct order\n\tconst renderContent = useCallback(() => {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{!isCustomViewBottom && renderCustomView?.(props)}\n\n\t\t\t\t{renderMessageText?.(props)}\n\n\t\t\t\t{isCustomViewBottom && renderCustomView?.(props)}\n\t\t\t</div>\n\t\t);\n\t}, [isCustomViewBottom, renderCustomView, renderMessageText, props]);\n\n\tconst manifestContainerStyle = useMemo(() => {\n\t\tif (!isManifestApp || typeof containerStyle !== 'object') return {};\n\t\tif (\n\t\t\tposition === 'left' &&\n\t\t\t'left' in containerStyle &&\n\t\t\tcontainerStyle.left &&\n\t\t\ttypeof containerStyle.left === 'object'\n\t\t) {\n\t\t\treturn containerStyle.left;\n\t\t}\n\t\tif (\n\t\t\tposition === 'right' &&\n\t\t\t'right' in containerStyle &&\n\t\t\tcontainerStyle.right &&\n\t\t\ttypeof containerStyle.right === 'object'\n\t\t) {\n\t\t\treturn containerStyle.right;\n\t\t}\n\t\treturn {};\n\t}, [isManifestApp, containerStyle, position]);\n\n\tconst extraContainerStyle: React.CSSProperties =\n\t\t!isManifestApp && containerStyle && typeof containerStyle === 'object'\n\t\t\t? 'left' in containerStyle || 'right' in containerStyle\n\t\t\t\t? position === 'left'\n\t\t\t\t\t? (containerStyle as { left?: React.CSSProperties }).left ?? {}\n\t\t\t\t\t: (containerStyle as { right?: React.CSSProperties }).right ?? {}\n\t\t\t\t: (containerStyle as React.CSSProperties)\n\t\t\t: {};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tmarginTop: isManifestApp ? 0 : 6,\n\t\t\t\tmarginBottom: isManifestApp\n\t\t\t\t\t? 0\n\t\t\t\t\t: currentMessage?.['messageInformation']?.reactions?.length > 0\n\t\t\t\t\t? 24\n\t\t\t\t\t: 6,\n\t\t\t\tflexGrow: isMobile ? 1 : 0,\n\t\t\t\t...(isManifestApp\n\t\t\t\t\t? {\n\t\t\t\t\t\t\talignItems: 'flex-end',\n\t\t\t\t\t\t\t...(position === 'right' ? { cursor: 'pointer' } : {}),\n\t\t\t\t\t  }\n\t\t\t\t\t: {}),\n\t\t\t\t...manifestContainerStyle,\n\t\t\t\t...extraContainerStyle,\n\t\t\t}}\n\t\t\t{...(isManifestApp ? { onClick: onPress } : {})}\n\t\t>\n\t\t\t<div style={wrapperStyles}>\n\t\t\t\t<div>\n\t\t\t\t\t{/* Message content */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tid={\n\t\t\t\t\t\t\tcurrentMessage['chatActivityId'] ||\n\t\t\t\t\t\t\t`message-${currentMessage['psqlId']}`\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderContent()}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Message metadata (time and status) */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\talignItems: 'flex-end',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderTime?.(props)}\n\t\t\t\t\t\t{renderTicks?.(currentMessage)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n// Export memoized version for performance\nexport const Bubble = React.memo(BubbleComponent) as typeof BubbleComponent;\n\nexport default Bubble;\n"],"names":["BubbleComponent","props","currentMessage","position","renderMessageText","renderTicks","renderTime","renderCustomView","isCustomViewBottom","isUnsatisfactoryMessageFn","messagesGroupedByAiTraceId","onPress","containerStyle","bubbleStyles","appType","GiftedChatAppType","Bik","isMobile","useWindowSize","message","isManifestApp","Manifest","isPrivateNote","useMemo","category","Constants","ChatActivity","Category","ACTIVITY","activityType","Type","PRIVATE_NOTE","isCarouselMessage","parsedSuccessfully","parsedMessage","isStringifiedArray","Array","isArray","wrapperStyles","baseStyles","borderRadius","minHeight","margin","flexGrow","isGmail","channelId","MESSAGE_CHANNELS","GMAIL","channelName","isSmtp","SMTP","dynamicStyles","left","right","Object","assign","maxWidth","background","_a","meta","aiUsed","COLORS","warning","light","backgroundColor","isPrivateMail","blue","surface","hovered","isUnsatisfactory","aiTraceId","_b","eventProperties","status","negative","brandVeryLight","_c","extraBubbleStyles","_d","_e","renderContent","useCallback","_jsxs","children","manifestContainerStyle","extraContainerStyle","_jsx","style","display","marginTop","marginBottom","_f","reactions","length","alignItems","cursor","onClick","id","flexDirection","justifyContent","Bubble","React","memo"],"mappings":"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"}