npm - @bikdotai/bik-component-library - Versions diffs - 0.0.805-beta.8 → 0.0.805-beta.9 - Mend

@bikdotai/bik-component-library 0.0.805-beta.8 → 0.0.805-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (323) hide show

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

@@ -6,5 +6,4 @@ 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 CHANGED Viewed

@@ -16,7 +16,6 @@ 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;
@@ -33,7 +32,6 @@ 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 CHANGED Viewed

@@ -25,7 +25,6 @@ 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;
@@ -42,7 +41,6 @@ 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 CHANGED Viewed

@@ -17,7 +17,7 @@ export interface OpenDropdownProps {
     placement?: Placement;
     strategy?: PositioningStrategy;
     onSearch?: (key: string) => Promise<DropdownOption[]>;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
     skipSorting?: boolean;
     headerRef?: any;
     hideSelectAll?: boolean;
@@ -80,7 +80,6 @@ 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 CHANGED Viewed

@@ -1,11 +1,9 @@
 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 CHANGED Viewed

@@ -1,13 +1,6 @@
-import { Size, Type } from '../button/model';
-import { IconButtonType } from '../icon-button/model';
+import { Type } from '../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/fab-menu/FABMenu.d.ts CHANGED Viewed

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

package/dist/cjs/src/components/feature-announcements/types/feature.types.d.ts CHANGED Viewed

@@ -27,7 +27,7 @@ export interface ButtonConfig {
  */
 export interface SecondaryButtonConfig {
     text?: string;
-    action?: 'Open link' | 'Close popup' | '';
+    action?: 'Open link' | 'Close popup' | 'Play Video' | '';
     redirectionUrl?: string;
     style?: ButtonStyle;
 }

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

@@ -1,8 +1,6 @@
-import { IconButtonSize, IconButtonType } from './model';
+import { 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 CHANGED Viewed

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai' | 'primary';
-export type IconButtonSize = 'default' | 'xs';
+export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai';
 export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Icon to render
@@ -31,11 +30,6 @@ 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
@@ -46,10 +40,5 @@ 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 CHANGED Viewed

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

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

@@ -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" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | undefined;
     hightlightInputColor?: string | undefined;
     hideBorder?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -55,21 +55,6 @@ 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 CHANGED Viewed

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

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

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

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

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

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

@@ -10,5 +10,4 @@ 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 CHANGED Viewed

@@ -9,5 +9,4 @@ 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 CHANGED Viewed

@@ -9,5 +9,4 @@ 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 CHANGED Viewed

@@ -1,35 +1,25 @@
 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, {
-    version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {}, 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, {
-    version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, 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 CHANGED Viewed

@@ -8,7 +8,6 @@ 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 CHANGED Viewed

@@ -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, padding, height, 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, 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 CHANGED Viewed

@@ -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, padding, height, 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, 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, padding, height, 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, 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, padding, height, 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, 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, padding, height, 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, 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, padding, height, 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, 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 CHANGED Viewed

@@ -7,13 +7,11 @@ export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.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 CHANGED Viewed

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

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

@@ -13,8 +13,6 @@ 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 CHANGED Viewed

@@ -35,8 +35,6 @@ 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 CHANGED Viewed

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

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

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

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

@@ -17,7 +17,6 @@ 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/GiftedChat/GiftedChat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as r,Fragment as i,jsxs as t}from"react/jsx-runtime";import s,{forwardRef as n,useRef as o,useMemo as l,useImperativeHandle as a,useCallback as d}from"react";import{COLORS as u}from"../../../constants/Theme.js";import{useWindowSize as g}from"../../../hooks/useWindowSize.js";import{BodySecondary as v}from"../../TypographyStyle.js";import{GiftedChatAppType as c}from"../Bubble/types.js";import{Day as p}from"./Day.js";import{getMessagePlacement as h,shouldCenterAlign as m}from"./messageHelpers.js";import{useScrollToBottom as f,useInitialMountScroll as b,useScrollCleanup as y,useRestoreScrollPosition as j,useAutoScrollOnNewMessages as T,useResizeObserverForFirstMessage as x,useScrollHandler as M}from"./scrollHooks.js";import{MESSAGE_CHANNELS as O}from"./types.js";import{TOP_THRESHOLD as A,normalizeRef as w,isSameDay as _,Constants as R}from"./utils.js";var k=n(((n,k)=>{var B;const L=n||{},{messages:E=[],user:S,renderBubble:C,renderAvatar:I,renderDay:D,renderLoading:P,renderChatEmpty:$,listViewProps:F={},renderAvatarOnTop:U=!1,showUserAvatar:V=!1,showAvatarForEveryMessage:W=!1,inverted:G=!1,messageIdGenerator:H,topThreshold:N=A,appType:Y=c.Bik}=L,z=e(L,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),X=g(),q=o(null),J=w(F.ref||k,q),K=o({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(B=null==E?void 0:E.length)&&void 0!==B?B:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),Q=l((()=>E&&0!==E.length?[...E].reverse():[]),[E]),Z=f(J,K);a(k,(()=>J.current)),b(J,K,Q.length,Z),y(K),j(J,K,Q.length),T(J,K,E.length,Z),x(null==E?void 0:E[0],K,Z,H);const ee=M(K,F.onEndReached,F.onScroll,N),re=d((e=>{var r;return Boolean(e&&S&&(null===(r=e.user)||void 0===r?void 0:r._id)===S._id)}),[S]),ie=d(((e,r)=>!!V&&(!!W||(!r||r.user._id!==e.user._id))),[V,W]),te=d(((e,i,t)=>{var s,n,o,l;const a=re(e)?"right":"left",d=(null===(s=null==i?void 0:i.user)||void 0===s?void 0:s._id)!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id),g=(null===(o=null==t?void 0:t.user)||void 0===o?void 0:o._id)!==(null===(l=null==e?void 0:e.user)||void 0===l?void 0:l._id),p=Object.assign({currentMessage:e,previousMessage:i,nextMessage:t,position:a,user:S},z);return C?C(p):r("div",Object.assign({style:Object.assign(Object.assign({maxWidth:Y===c.Manifest?"50%":"70%",width:"fit-content"},Y===c.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderTopLeftRadius:d?12:0,borderTopRightRadius:d?12:0,borderBottomLeftRadius:g?12:0,borderBottomRightRadius:g?12:0,border:"left"===a&&Y===c.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===a?Y===c.Manifest?u.background.brandTint:u.background.brandLight:Y===c.Manifest?u.background.pureWhite:u.background.inactive,color:u.content.primary,wordBreak:"break-word"})},{children:r(v,{children:e.text})}))}),[re,S,C,z]),se=d(((e,r,i)=>{if(!ie(e,r))return null;const t=re(e)?"right":"left";return I?I({currentMessage:e,previousMessage:r,nextMessage:i,position:t,user:S,renderAvatarOnTop:U,showUserAvatar:V,showAvatarForEveryMessage:W}):null}),[ie,re,S,U,V,W,I]);return E&&0!==E.length?t("div",Object.assign({ref:J,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},F.style),onScroll:ee},{children:[r("div",{style:{flex:"1 0 auto"}}),r("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:Q.map(((e,i)=>{var n,o,l,a,d,u,g;const v=re(e)?"right":"left",f=Q[i-1],b=Q[i+1],y=!_(e,f),j=h(e,v),T=m(e),x=(null==e?void 0:e.channelId)===O.SMTP||(null==e?void 0:e.channelName)===O.SMTP,M=e.category===R.ChatActivity.Category.ACTIVITY&&e.activityType===R.ChatActivity.Type.PRIVATE_NOTE;return t(s.Fragment,{children:[y&&(D?D({createdAt:e.createdAt}):r(p,{createdAt:e.createdAt,appType:Y})),t("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},X?{margin:"0 4px"}:{}),T?{}:{display:"flex"}),Y!==c.Manifest?X||2!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id)?{marginRight:8}:{marginLeft:8}:{}),x&&!M&&X?{marginLeft:8,marginRight:8}:{}),{justifyContent:j,marginBottom:b?(null===(o=null==b?void 0:b.user)||void 0===o?void 0:o._id)===(null===(l=null==e?void 0:e.user)||void 0===l?void 0:l._id)?4:20:0})},{children:[!X&&"left"===v&&r("div",Object.assign({style:{marginRight:"4px"}},{children:se(e,f,b)})),r("div",Object.assign({id:`message-bubble-${null!==(a=e._id)&&void 0!==a?a:`${i}-${null!==(d=null==H?void 0:H())&&void 0!==d?d:"id"}`}`,style:Y===c.Manifest?{width:"100%"}:X&&x?{display:"flex",flexGrow:1}:{}},{children:te(e,f,b)})),!X&&"right"===v&&r("div",Object.assign({style:{marginLeft:"4px"}},{children:se(e,f,b)}))]}))]},null!==(u=e._id)&&void 0!==u?u:`${i}-${null!==(g=null==H?void 0:H())&&void 0!==g?g:"id"}`)}))}))]})):$?r(i,{children:$()}):null}));export{k as default};
+import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as r,Fragment as t,jsxs as i}from"react/jsx-runtime";import s,{forwardRef as n,useRef as a,useMemo as o,useImperativeHandle as l,useCallback as d}from"react";import{COLORS as g}from"../../../constants/Theme.js";import{useWindowSize as c}from"../../../hooks/useWindowSize.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{GiftedChatAppType as p}from"../Bubble/types.js";import{Day as v}from"./Day.js";import{getMessagePlacement as h,shouldCenterAlign as m}from"./messageHelpers.js";import{useScrollToBottom as f,useInitialMountScroll as y,useScrollCleanup as b,useRestoreScrollPosition as j,useAutoScrollOnNewMessages as x,useResizeObserverForFirstMessage as M,useScrollHandler as T}from"./scrollHooks.js";import{MESSAGE_CHANNELS as O}from"./types.js";import{TOP_THRESHOLD as A,normalizeRef as w,isSameDay as k,Constants as _}from"./utils.js";var E=n(((n,E)=>{var S;const B=n||{},{messages:C=[],user:I,renderBubble:L,renderAvatar:R,renderDay:D,renderLoading:P,renderChatEmpty:$,listViewProps:F={},renderAvatarOnTop:U=!1,showUserAvatar:V=!1,showAvatarForEveryMessage:W=!1,inverted:G=!1,messageIdGenerator:H,topThreshold:N=A,appType:Y=p.Bik}=B,z=e(B,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),X=c(),q=a(null),J=w(F.ref||E,q),K=a({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(S=null==C?void 0:C.length)&&void 0!==S?S:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),Q=o((()=>C&&0!==C.length?[...C].reverse():[]),[C]),Z=f(J,K);l(E,(()=>J.current)),y(J,K,Q.length,Z),b(K),j(J,K,Q.length),x(J,K,C.length,Z),M(null==C?void 0:C[0],K,Z,H);const ee=T(K,F.onEndReached,F.onScroll,N),re=d((e=>{var r;return Boolean(e&&I&&(null===(r=e.user)||void 0===r?void 0:r._id)===I._id)}),[I]),te=d(((e,r)=>!!V&&(!!W||(!r||r.user._id!==e.user._id))),[V,W]),ie=d(((e,t,i)=>{const s=re(e)?"right":"left",n=Object.assign({currentMessage:e,previousMessage:t,nextMessage:i,position:s,user:I},z);return L?L(n):r("div",Object.assign({style:Object.assign(Object.assign({maxWidth:Y===p.Manifest?"50%":"70%",width:"fit-content"},Y===p.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderRadius:Y===p.Manifest?16:4,border:"left"===s&&Y===p.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===s?Y===p.Manifest?g.background.brandTint:g.background.brandLight:Y===p.Manifest?g.background.pureWhite:g.background.inactive,color:g.content.primary,wordBreak:"break-word"})},{children:r(u,{children:e.text})}))}),[re,I,L,z]),se=d(((e,r,t)=>{if(!te(e,t))return null;const i=re(e)?"right":"left";return R?R({currentMessage:e,previousMessage:r,nextMessage:t,position:i,user:I,renderAvatarOnTop:U,showUserAvatar:V,showAvatarForEveryMessage:W}):null}),[te,re,I,U,V,W,R]);return C&&0!==C.length?i("div",Object.assign({ref:J,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},F.style),onScroll:ee},{children:[r("div",{style:{flex:"1 0 auto"}}),r("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:Q.map(((e,t)=>{var n,a,o,l,d;const g=re(e)?"right":"left",c=Q[t-1],u=Q[t+1],f=!k(e,c),y=h(e,g),b=m(e),j=(null==e?void 0:e.channelId)===O.SMTP||(null==e?void 0:e.channelName)===O.SMTP,x=e.category===_.ChatActivity.Category.ACTIVITY&&e.activityType===_.ChatActivity.Type.PRIVATE_NOTE;return i(s.Fragment,{children:[f&&(D?D({createdAt:e.createdAt}):r(v,{createdAt:e.createdAt,appType:Y})),i("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},X?{margin:"0 4px"}:{}),b?{}:{display:"flex"}),Y!==p.Manifest?X||2!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id)?{marginRight:8}:{marginLeft:8}:{}),j&&!x&&X?{marginLeft:8,marginRight:8}:{}),{justifyContent:y,marginBottom:8})},{children:[!X&&"left"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:se(e,c,u)})),r("div",Object.assign({id:`message-bubble-${null!==(a=e._id)&&void 0!==a?a:`${t}-${null!==(o=null==H?void 0:H())&&void 0!==o?o:"id"}`}`,style:Y===p.Manifest?{width:"100%"}:X&&j?{display:"flex",flexGrow:1}:{}},{children:ie(e,c,u)})),!X&&"right"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:se(e,c,u)}))]}))]},null!==(l=e._id)&&void 0!==l?l:`${t}-${null!==(d=null==H?void 0:H())&&void 0!==d?d:"id"}`)}))}))]})):$?r(t,{children:$()}):null}));export{E as default};
 //# sourceMappingURL=GiftedChat.js.map

package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GiftedChat.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { BodySecondary } from '../../TypographyStyle';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage } from '../types';\nimport { Day } from './Day';\nimport { getMessagePlacement, shouldCenterAlign } from './messageHelpers';\nimport {\n\tuseAutoScrollOnNewMessages,\n\tuseInitialMountScroll,\n\tuseResizeObserverForFirstMessage,\n\tuseRestoreScrollPosition,\n\tuseScrollCleanup,\n\tuseScrollHandler,\n\tuseScrollToBottom,\n} from './scrollHooks';\nimport { AvatarProps, GiftedChatProps, MESSAGE_CHANNELS } from './types';\nimport { isSameDay, normalizeRef } from './utils';\nimport { Constants, TOP_THRESHOLD } from './utils';\n\nconst GiftedChatInner = (\n\tprops: Omit<GiftedChatProps<IMessage>, 'ref'>,\n\tforwardedRef: React.Ref<HTMLDivElement>,\n) => {\n\tconst {\n\t\tmessages = [],\n\t\tuser,\n\t\trenderBubble,\n\t\trenderAvatar,\n\t\trenderDay,\n\t\trenderLoading,\n\t\trenderChatEmpty,\n\t\tlistViewProps = {},\n\t\trenderAvatarOnTop = false,\n\t\tshowUserAvatar = false,\n\t\tshowAvatarForEveryMessage = false,\n\t\tinverted = false,\n\t\tmessageIdGenerator,\n\t\ttopThreshold = TOP_THRESHOLD,\n\t\tappType = GiftedChatAppType.Bik,\n\t\t...extraProps\n\t} = props \|\| {};\n\n\tconst isMobile = useWindowSize();\n\n\tconst internalScrollRef = useRef<HTMLDivElement \| null>(null);\n\tconst scrollRef = normalizeRef(\n\t\tlistViewProps.ref \|\| forwardedRef,\n\t\tinternalScrollRef,\n\t);\n\n\tconst scrollState = useRef({\n\t\tisInitialMount: true,\n\t\tisUserScrolling: false,\n\t\tisLoadingOldMessages: false,\n\t\tisAtBottom: true,\n\t\thasTriggeredEndReached: false,\n\t\tlastMessagesLength: messages?.length ?? 0,\n\t\tpreviousScrollHeight: 0,\n\t\tpreviousScrollTop: 0,\n\t\tscrollTimeout: null,\n\t});\n\n\t// Reverse messages so newest appears last in DOM (natural reading order)\n\tconst reversedMessages = useMemo(() => {\n\t\tif (!messages \|\| messages.length === 0) return [] as IMessage[];\n\t\treturn [...messages].reverse() as IMessage[];\n\t}, [messages]);\n\n\tconst scrollToBottom = useScrollToBottom(scrollRef, scrollState);\n\n\tuseImperativeHandle(forwardedRef, () => scrollRef.current!);\n\n\tuseInitialMountScroll(\n\t\tscrollRef,\n\t\tscrollState,\n\t\treversedMessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseScrollCleanup(scrollState);\n\n\tuseRestoreScrollPosition(scrollRef, scrollState, reversedMessages.length);\n\n\tuseAutoScrollOnNewMessages(\n\t\tscrollRef,\n\t\tscrollState,\n\t\tmessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseResizeObserverForFirstMessage(\n\t\tmessages?.[0],\n\t\tscrollState,\n\t\tscrollToBottom,\n\t\tmessageIdGenerator,\n\t);\n\n\tconst handleScroll = useScrollHandler(\n\t\tscrollState,\n\t\tlistViewProps.onEndReached,\n\t\tlistViewProps.onScroll,\n\t\ttopThreshold,\n\t);\n\n\t// Check if a message belongs to the current user\n\tconst isUserMessage = useCallback(\n\t\t(message: IMessage) => {\n\t\t\treturn Boolean(message && user && message.user?._id === user._id);\n\t\t},\n\t\t[user],\n\t);\n\n\t// Determine if avatar should be shown for this message\n\tconst shouldShowAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar only on the first message in a consecutive sender stack\n\t\t\treturn !previousMessage \|\| previousMessage.user._id !== message.user._id;\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage],\n\t);\n\n\t// Render a message bubble (or call custom renderBubble)\n\tconst renderMessageBubble = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\tconst isTopOfStack = previousMessage?.user?._id !== message?.user?._id;\n\t\t\tconst isBottomOfStack = nextMessage?.user?._id !== message?.user?._id;\n\n\t\t\tconst bubbleProps: BubbleProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\t...extraProps,\n\t\t\t};\n\n\t\t\t// Use custom render function if provided\n\t\t\tif (renderBubble) {\n\t\t\t\treturn renderBubble(bubbleProps);\n\t\t\t}\n\n\t\t\t// Default bubble rendering\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmaxWidth: appType === GiftedChatAppType.Manifest ? '50%' : '70%',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t...(appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t? { minWidth: '130px' }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tborderTopLeftRadius: isTopOfStack ? 12 : 0,\n\t\t\t\t\t\tborderTopRightRadius: isTopOfStack ? 12 : 0,\n\t\t\t\t\t\tborderBottomLeftRadius: isBottomOfStack ? 12 : 0,\n\t\t\t\t\t\tborderBottomRightRadius: isBottomOfStack ? 12 : 0,\n\t\t\t\t\t\tborder:\n\t\t\t\t\t\t\tposition === 'left' && appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? '1px solid rgb(224, 224, 224)'\n\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tposition === 'right'\n\t\t\t\t\t\t\t\t? appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t? COLORS.background.brandTint\n\t\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t\t: appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? COLORS.background.pureWhite\n\t\t\t\t\t\t\t\t: COLORS.background.inactive,\n\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary>{message.text}</BodySecondary>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps],\n\t);\n\n\t// Render a message avatar (or call custom renderAvatar)\n\tconst renderMessageAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst shouldShow = shouldShowAvatar(message, previousMessage);\n\n\t\t\tif (!shouldShow) return null;\n\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst avatarProps: AvatarProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\trenderAvatarOnTop,\n\t\t\t\tshowUserAvatar,\n\t\t\t\tshowAvatarForEveryMessage,\n\t\t\t};\n\n\t\t\treturn renderAvatar ? renderAvatar(avatarProps) : null;\n\t\t},\n\t\t[\n\t\t\tshouldShowAvatar,\n\t\t\tisUserMessage,\n\t\t\tuser,\n\t\t\trenderAvatarOnTop,\n\t\t\tshowUserAvatar,\n\t\t\tshowAvatarForEveryMessage,\n\t\t\trenderAvatar,\n\t\t],\n\t);\n\n\t// Render: Empty State\n\tif (!messages \|\| messages.length === 0) {\n\t\treturn renderChatEmpty ? <>{renderChatEmpty()}</> : null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef as React.RefObject<HTMLDivElement>}\n\t\t\tstyle={{\n\t\t\t\tflex: 1,\n\t\t\t\toverflowY: 'auto',\n\t\t\t\toverflowX: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\t...listViewProps.style,\n\t\t\t}}\n\t\t\tonScroll={handleScroll}\n\t\t>\n\t\t\t{/* Spacer to push messages to bottom (newest appears last in DOM) /}\n\t\t\t<div style={{ flex: '1 0 auto' }} />\n\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: '0 0 auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{reversedMessages.map((message, index) => {\n\t\t\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\tconst shouldShowDay = !isSameDay(message, previousMessage);\n\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP \|\|\n\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\tmessage['category'] === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\tkey={message._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Day separator /}\n\t\t\t\t\t\t\t{shouldShowDay &&\n\t\t\t\t\t\t\t\t(renderDay ? (\n\t\t\t\t\t\t\t\t\trenderDay({ createdAt: message.createdAt })\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Day createdAt={message.createdAt} appType={appType} />\n\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{/ Message container /}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t...(isCentered ? {} : { display: 'flex' }),\n\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t? !isMobile && message?.user?._id === 2\n\t\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8 }\n\t\t\t\t\t\t\t\t\t\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8, marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\tmarginBottom: nextMessage\n\t\t\t\t\t\t\t\t\t\t? nextMessage?.user?._id === message?.user?._id\n\t\t\t\t\t\t\t\t\t\t\t? 4\n\t\t\t\t\t\t\t\t\t\t\t: 20\n\t\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/ Left avatar (for mobile, avatar is hidden) /}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t<div style={{ marginRight: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/ Message bubble /}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\tmessage._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t? { width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t: isMobile && isSmtp\n\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1 }\n\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{renderMessageBubble(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/ Right avatar (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t<div style={{ marginLeft: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef<HTMLDivElement, GiftedChatProps<IMessage>>(\n\tGiftedChatInner,\n);\n"],"names":["GiftedChat","forwardRef","GiftedChatInner","props","forwardedRef","_b","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","Bik","extraProps","__rest","isMobile","useWindowSize","internalScrollRef","useRef","scrollRef","normalizeRef","ref","scrollState","isInitialMount","isUserScrolling","isLoadingOldMessages","isAtBottom","hasTriggeredEndReached","lastMessagesLength","_a","length","previousScrollHeight","previousScrollTop","scrollTimeout","reversedMessages","useMemo","reverse","scrollToBottom","useScrollToBottom","useImperativeHandle","current","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","onEndReached","onScroll","isUserMessage","useCallback","message","Boolean","_id","shouldShowAvatar","previousMessage","renderMessageBubble","nextMessage","position","isTopOfStack","isBottomOfStack","_c","_d","bubbleProps","Object","assign","currentMessage","_jsx","style","maxWidth","Manifest","width","minWidth","padding","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","border","backgroundColor","COLORS","background","brandTint","brandLight","pureWhite","inactive","color","content","primary","wordBreak","children","BodySecondary","text","renderMessageAvatar","_jsxs","flex","overflowY","overflowX","display","flexDirection","map","index","shouldShowDay","isSameDay","placement","getMessagePlacement","isCentered","shouldCenterAlign","isSmtp","MESSAGE_CHANNELS","SMTP","isPrivateNote","Constants","ChatActivity","Category","ACTIVITY","Type","PRIVATE_NOTE","React","Fragment","createdAt","Day","margin","marginRight","marginLeft","justifyContent","marginBottom","id","_e","flexGrow","_f","_g","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"GiftedChat.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { BodySecondary } from '../../TypographyStyle';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage } from '../types';\nimport { Day } from './Day';\nimport { getMessagePlacement, shouldCenterAlign } from './messageHelpers';\nimport {\n\tuseAutoScrollOnNewMessages,\n\tuseInitialMountScroll,\n\tuseResizeObserverForFirstMessage,\n\tuseRestoreScrollPosition,\n\tuseScrollCleanup,\n\tuseScrollHandler,\n\tuseScrollToBottom,\n} from './scrollHooks';\nimport { AvatarProps, GiftedChatProps, MESSAGE_CHANNELS } from './types';\nimport { isSameDay, normalizeRef } from './utils';\nimport { Constants, TOP_THRESHOLD } from './utils';\n\nconst GiftedChatInner = (\n\tprops: Omit<GiftedChatProps<IMessage>, 'ref'>,\n\tforwardedRef: React.Ref<HTMLDivElement>,\n) => {\n\tconst {\n\t\tmessages = [],\n\t\tuser,\n\t\trenderBubble,\n\t\trenderAvatar,\n\t\trenderDay,\n\t\trenderLoading,\n\t\trenderChatEmpty,\n\t\tlistViewProps = {},\n\t\trenderAvatarOnTop = false,\n\t\tshowUserAvatar = false,\n\t\tshowAvatarForEveryMessage = false,\n\t\tinverted = false,\n\t\tmessageIdGenerator,\n\t\ttopThreshold = TOP_THRESHOLD,\n\t\tappType = GiftedChatAppType.Bik,\n\t\t...extraProps\n\t} = props \|\| {};\n\n\tconst isMobile = useWindowSize();\n\n\tconst internalScrollRef = useRef<HTMLDivElement \| null>(null);\n\tconst scrollRef = normalizeRef(\n\t\tlistViewProps.ref \|\| forwardedRef,\n\t\tinternalScrollRef,\n\t);\n\n\tconst scrollState = useRef({\n\t\tisInitialMount: true,\n\t\tisUserScrolling: false,\n\t\tisLoadingOldMessages: false,\n\t\tisAtBottom: true,\n\t\thasTriggeredEndReached: false,\n\t\tlastMessagesLength: messages?.length ?? 0,\n\t\tpreviousScrollHeight: 0,\n\t\tpreviousScrollTop: 0,\n\t\tscrollTimeout: null,\n\t});\n\n\t// Reverse messages so newest appears last in DOM (natural reading order)\n\tconst reversedMessages = useMemo(() => {\n\t\tif (!messages \|\| messages.length === 0) return [] as IMessage[];\n\t\treturn [...messages].reverse() as IMessage[];\n\t}, [messages]);\n\n\tconst scrollToBottom = useScrollToBottom(scrollRef, scrollState);\n\n\tuseImperativeHandle(forwardedRef, () => scrollRef.current!);\n\n\tuseInitialMountScroll(\n\t\tscrollRef,\n\t\tscrollState,\n\t\treversedMessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseScrollCleanup(scrollState);\n\n\tuseRestoreScrollPosition(scrollRef, scrollState, reversedMessages.length);\n\n\tuseAutoScrollOnNewMessages(\n\t\tscrollRef,\n\t\tscrollState,\n\t\tmessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseResizeObserverForFirstMessage(\n\t\tmessages?.[0],\n\t\tscrollState,\n\t\tscrollToBottom,\n\t\tmessageIdGenerator,\n\t);\n\n\tconst handleScroll = useScrollHandler(\n\t\tscrollState,\n\t\tlistViewProps.onEndReached,\n\t\tlistViewProps.onScroll,\n\t\ttopThreshold,\n\t);\n\n\t// Check if a message belongs to the current user\n\tconst isUserMessage = useCallback(\n\t\t(message: IMessage) => {\n\t\t\treturn Boolean(message && user && message.user?._id === user._id);\n\t\t},\n\t\t[user],\n\t);\n\n\t// Determine if avatar should be shown for this message\n\tconst shouldShowAvatar = useCallback(\n\t\t(message: IMessage, nextMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar only when next message is from different user\n\t\t\treturn !nextMessage \|\| nextMessage.user._id !== message.user._id;\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage],\n\t);\n\n\t// Render a message bubble (or call custom renderBubble)\n\tconst renderMessageBubble = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst bubbleProps: BubbleProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\t...extraProps,\n\t\t\t};\n\n\t\t\t// Use custom render function if provided\n\t\t\tif (renderBubble) {\n\t\t\t\treturn renderBubble(bubbleProps);\n\t\t\t}\n\n\t\t\t// Default bubble rendering\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmaxWidth: appType === GiftedChatAppType.Manifest ? '50%' : '70%',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t...(appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t? { minWidth: '130px' }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tborderRadius: appType === GiftedChatAppType.Manifest ? 16 : 4,\n\t\t\t\t\t\tborder:\n\t\t\t\t\t\t\tposition === 'left' && appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? '1px solid rgb(224, 224, 224)'\n\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tposition === 'right'\n\t\t\t\t\t\t\t\t? appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t? COLORS.background.brandTint\n\t\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t\t: appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? COLORS.background.pureWhite\n\t\t\t\t\t\t\t\t: COLORS.background.inactive,\n\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary>{message.text}</BodySecondary>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps],\n\t);\n\n\t// Render a message avatar (or call custom renderAvatar)\n\tconst renderMessageAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst shouldShow = shouldShowAvatar(message, nextMessage);\n\n\t\t\tif (!shouldShow) return null;\n\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst avatarProps: AvatarProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\trenderAvatarOnTop,\n\t\t\t\tshowUserAvatar,\n\t\t\t\tshowAvatarForEveryMessage,\n\t\t\t};\n\n\t\t\treturn renderAvatar ? renderAvatar(avatarProps) : null;\n\t\t},\n\t\t[\n\t\t\tshouldShowAvatar,\n\t\t\tisUserMessage,\n\t\t\tuser,\n\t\t\trenderAvatarOnTop,\n\t\t\tshowUserAvatar,\n\t\t\tshowAvatarForEveryMessage,\n\t\t\trenderAvatar,\n\t\t],\n\t);\n\n\t// Render: Empty State\n\tif (!messages \|\| messages.length === 0) {\n\t\treturn renderChatEmpty ? <>{renderChatEmpty()}</> : null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef as React.RefObject<HTMLDivElement>}\n\t\t\tstyle={{\n\t\t\t\tflex: 1,\n\t\t\t\toverflowY: 'auto',\n\t\t\t\toverflowX: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\t...listViewProps.style,\n\t\t\t}}\n\t\t\tonScroll={handleScroll}\n\t\t>\n\t\t\t{/* Spacer to push messages to bottom (newest appears last in DOM) /}\n\t\t\t<div style={{ flex: '1 0 auto' }} />\n\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: '0 0 auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{reversedMessages.map((message, index) => {\n\t\t\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\tconst shouldShowDay = !isSameDay(message, previousMessage);\n\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP \|\|\n\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\tmessage['category'] === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\tkey={message._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Day separator /}\n\t\t\t\t\t\t\t{shouldShowDay &&\n\t\t\t\t\t\t\t\t(renderDay ? (\n\t\t\t\t\t\t\t\t\trenderDay({ createdAt: message.createdAt })\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Day createdAt={message.createdAt} appType={appType} />\n\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{/ Message container /}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t...(isCentered ? {} : { display: 'flex' }),\n\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t? !isMobile && message?.user?._id === 2\n\t\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8 }\n\t\t\t\t\t\t\t\t\t\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8, marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/ Left avatar (for mobile, avatar is hidden) /}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/ Message bubble /}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\tmessage._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t? { width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t: isMobile && isSmtp\n\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1 }\n\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{renderMessageBubble(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/ Right avatar (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef<HTMLDivElement, GiftedChatProps<IMessage>>(\n\tGiftedChatInner,\n);\n"],"names":["GiftedChat","forwardRef","GiftedChatInner","props","forwardedRef","_b","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","Bik","extraProps","__rest","isMobile","useWindowSize","internalScrollRef","useRef","scrollRef","normalizeRef","ref","scrollState","isInitialMount","isUserScrolling","isLoadingOldMessages","isAtBottom","hasTriggeredEndReached","lastMessagesLength","_a","length","previousScrollHeight","previousScrollTop","scrollTimeout","reversedMessages","useMemo","reverse","scrollToBottom","useScrollToBottom","useImperativeHandle","current","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","onEndReached","onScroll","isUserMessage","useCallback","message","Boolean","_id","shouldShowAvatar","nextMessage","renderMessageBubble","previousMessage","position","bubbleProps","Object","assign","currentMessage","_jsx","style","maxWidth","Manifest","width","minWidth","padding","borderRadius","border","backgroundColor","COLORS","background","brandTint","brandLight","pureWhite","inactive","color","content","primary","wordBreak","children","BodySecondary","text","renderMessageAvatar","_jsxs","flex","overflowY","overflowX","display","flexDirection","map","index","shouldShowDay","isSameDay","placement","getMessagePlacement","isCentered","shouldCenterAlign","isSmtp","MESSAGE_CHANNELS","SMTP","isPrivateNote","Constants","ChatActivity","Category","ACTIVITY","Type","PRIVATE_NOTE","React","Fragment","createdAt","Day","margin","marginRight","marginLeft","justifyContent","marginBottom","id","_c","flexGrow","_d","_e","_Fragment"],"mappings":"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"}

package/dist/esm/components/BikGiftedChat/GiftedChat/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/types.ts"],"sourcesContent":["import React from 'react';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage, LeftRightStyle, User } from '../types';\n\nexport interface ListViewProps {\n\t/** Custom styles for the container. /\n\tstyle?: React.CSSProperties;\n\t/* Callback when end of list is reached. /\n\tonEndReached?: () => void;\n\t/* Threshold for triggering end reached. /\n\tonEndReachedThreshold?: number;\n\t/* Scroll event handler. /\n\tonScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n\t/* Ref for the scrollable container. /\n\tref?:\n\t\t\| React.RefObject<HTMLDivElement>\n\t\t\| React.MutableRefObject<HTMLDivElement \| null>;\n}\n\nexport interface AvatarProps<TMessage extends IMessage = IMessage> {\n\t/* The current message for the avatar. /\n\tcurrentMessage: TMessage;\n\t/* The previous message. /\n\tpreviousMessage?: TMessage;\n\t/* The next message. /\n\tnextMessage?: TMessage;\n\t/* Position of the avatar ('left' or 'right'). /\n\tposition: 'left' \| 'right';\n\t/* The user object. /\n\tuser: User;\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message~~; when false, show only on the first message of each consecutive sender group~~. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Custom styles for avatar image. /\n\timageStyle?: LeftRightStyle<React.CSSProperties>;\n\t/* Custom styles for avatar container. /\n\tcontainerStyle?: LeftRightStyle<React.CSSProperties>;\n\t[key: string]: any;\n}\n\nexport interface DayProps {\n\t/* Date/time for the separator. /\n\tcreatedAt?: Date \| number \| string;\n\t/* Format for displaying the date. /\n\tdateFormat?: string;\n\t/* Calendar format options. /\n\tdateFormatCalendar?: {\n\t\t/* Format for same day. /\n\t\tsameDay?: string;\n\t\t/* Format for next day. /\n\t\tnextDay?: string;\n\t\t/* Format for next week. /\n\t\tnextWeek?: string;\n\t\t/* Format for last day. /\n\t\tlastDay?: string;\n\t\t/* Format for last week. /\n\t\tlastWeek?: string;\n\t\t/* Format for other days. /\n\t\tsameElse?: string;\n\t};\n}\n\nexport interface GiftedChatProps<TMessage extends IMessage = IMessage> {\n\t/* Array of chat messages. /\n\tmessages: TMessage[];\n\t/* The current user object. /\n\tuser: User;\n\n\t/* Custom bubble renderer. /\n\trenderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;\n\t/* Custom avatar renderer. /\n\trenderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;\n\t/* Custom day separator renderer. /\n\trenderDay?: (props: DayProps) => React.ReactNode;\n\t/* Custom loading renderer. /\n\trenderLoading?: () => React.ReactNode;\n\t/* Custom empty chat renderer. /\n\trenderChatEmpty?: () => React.ReactNode;\n\n\t/* Props for the scrollable list view. /\n\tlistViewProps?: ListViewProps;\n\n\t/* Scroll threshold for loading old messages. /\n\ttopThreshold?: number;\n\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message~~; when false, show only on the first message of each consecutive sender group~~. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Whether to invert the message list. /\n\tinverted?: boolean;\n\n\t/* Handler for long press on message. /\n\tonLongPress?: (context?: any, message?: TMessage) => void;\n\t/* Handler for press on message. /\n\tonPress?: (context?: any, message?: TMessage) => void;\n\n\t/* Function to generate message IDs. /\n\tmessageIdGenerator?: (message?: TMessage) => string;\n\tappType?: GiftedChatAppType;\n\n\t[key: string]: any;\n}\n\nexport interface ScrollState {\n\t/* Is initial mount of the component. /\n\tisInitialMount: boolean;\n\t/* Is user currently scrolling. /\n\tisUserScrolling: boolean;\n\t/* Is loading old messages. /\n\tisLoadingOldMessages: boolean;\n\n\t/* Is scroll at bottom. /\n\tisAtBottom: boolean;\n\t/* Has end reached been triggered. /\n\thasTriggeredEndReached: boolean;\n\n\t/* Last known messages length. /\n\tlastMessagesLength: number;\n\n\t/* Previous scroll height. /\n\tpreviousScrollHeight: number;\n\t/* Previous scroll top position. /\n\tpreviousScrollTop: number;\n\n\t/* Debounce timer for scroll events. /\n\tscrollTimeout: number \| null;\n}\n\nexport enum CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE {\n\t/* User is calling another user. /\n\tCALLING_CALL = 'CALLING_CALL',\n\t/* Call is ringing for the recipient. /\n\tRINGING_CALL = 'RINGING_CALL',\n\t/* Call is ongoing between users. /\n\tONGOING_CALL = 'ONGOING_CALL',\n\t/* Call has been completed. /\n\tCOMPLETED_CALL = 'COMPLETED_CALL',\n\t/* Call was missed by the recipient. /\n\tMISSED_CALL = 'MISSED_CALL',\n\t/* Callback was requested. /\n\tREQUESTED_CALLBACK = 'REQUESTED_CALLBACK',\n\t/* Call was declined by the recipient. /\n\tDECLINED_CALL = 'DECLINED_CALL',\n\t/* Call was disconnected. /\n\tDISCONNECTED_CALL = 'DISCONNECTED_CALL',\n\t/* Call was unanswered. */\n\tUNANSWERED_CALL = 'UNANSWERED_CALL',\n}\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tWHATSAPP_VOICE_CALL = 'whatsapp-voice-call',\n\tCREATE_SIGNATURE = 'create-signature',\n\tEDIT_SIGNATURE = 'edit-signature',\n\tWEBPUSH = 'webpush',\n\tTASKS = 'tasks',\n\tRCS = 'rcs',\n}\n"],"names":["CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE","MESSAGE_CHANNELS"],"mappings":"IAsIYA,EAqBMC,GArBlB,SAAYD,GAEXA,EAAA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,eAAA,iBAEAA,EAAA,YAAA,cAEAA,EAAA,mBAAA,qBAEAA,EAAA,cAAA,gBAEAA,EAAA,kBAAA,oBAEAA,EAAA,gBAAA,iBACA,CAnBD,CAAYA,IAAAA,EAmBX,CAAA,IAED,SAAkBC,GACjBA,EAAA,UAAA,YACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,qBAAA,MACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,oBAAA,sBACAA,EAAA,iBAAA,mBACAA,EAAA,eAAA,iBACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,IAAA,KACA,CAlBD,CAAkBA,IAAAA,EAkBjB,CAAA"}
1	+ {"version":3,"file":"types.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/types.ts"],"sourcesContent":["import React from 'react';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage, LeftRightStyle, User } from '../types';\n\nexport interface ListViewProps {\n\t/** Custom styles for the container. /\n\tstyle?: React.CSSProperties;\n\t/* Callback when end of list is reached. /\n\tonEndReached?: () => void;\n\t/* Threshold for triggering end reached. /\n\tonEndReachedThreshold?: number;\n\t/* Scroll event handler. /\n\tonScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n\t/* Ref for the scrollable container. /\n\tref?:\n\t\t\| React.RefObject<HTMLDivElement>\n\t\t\| React.MutableRefObject<HTMLDivElement \| null>;\n}\n\nexport interface AvatarProps<TMessage extends IMessage = IMessage> {\n\t/* The current message for the avatar. /\n\tcurrentMessage: TMessage;\n\t/* The previous message. /\n\tpreviousMessage?: TMessage;\n\t/* The next message. /\n\tnextMessage?: TMessage;\n\t/* Position of the avatar ('left' or 'right'). /\n\tposition: 'left' \| 'right';\n\t/* The user object. /\n\tuser: User;\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Custom styles for avatar image. /\n\timageStyle?: LeftRightStyle<React.CSSProperties>;\n\t/* Custom styles for avatar container. /\n\tcontainerStyle?: LeftRightStyle<React.CSSProperties>;\n\t[key: string]: any;\n}\n\nexport interface DayProps {\n\t/* Date/time for the separator. /\n\tcreatedAt?: Date \| number \| string;\n\t/* Format for displaying the date. /\n\tdateFormat?: string;\n\t/* Calendar format options. /\n\tdateFormatCalendar?: {\n\t\t/* Format for same day. /\n\t\tsameDay?: string;\n\t\t/* Format for next day. /\n\t\tnextDay?: string;\n\t\t/* Format for next week. /\n\t\tnextWeek?: string;\n\t\t/* Format for last day. /\n\t\tlastDay?: string;\n\t\t/* Format for last week. /\n\t\tlastWeek?: string;\n\t\t/* Format for other days. /\n\t\tsameElse?: string;\n\t};\n}\n\nexport interface GiftedChatProps<TMessage extends IMessage = IMessage> {\n\t/* Array of chat messages. /\n\tmessages: TMessage[];\n\t/* The current user object. /\n\tuser: User;\n\n\t/* Custom bubble renderer. /\n\trenderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;\n\t/* Custom avatar renderer. /\n\trenderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;\n\t/* Custom day separator renderer. /\n\trenderDay?: (props: DayProps) => React.ReactNode;\n\t/* Custom loading renderer. /\n\trenderLoading?: () => React.ReactNode;\n\t/* Custom empty chat renderer. /\n\trenderChatEmpty?: () => React.ReactNode;\n\n\t/* Props for the scrollable list view. /\n\tlistViewProps?: ListViewProps;\n\n\t/* Scroll threshold for loading old messages. /\n\ttopThreshold?: number;\n\n\t/* Whether to render avatar on top. /\n\trenderAvatarOnTop?: boolean;\n\t/* Whether to show user avatar. /\n\tshowUserAvatar?: boolean;\n\t/* Show avatar for every message. /\n\tshowAvatarForEveryMessage?: boolean;\n\t/* Whether to invert the message list. /\n\tinverted?: boolean;\n\n\t/* Handler for long press on message. /\n\tonLongPress?: (context?: any, message?: TMessage) => void;\n\t/* Handler for press on message. /\n\tonPress?: (context?: any, message?: TMessage) => void;\n\n\t/* Function to generate message IDs. /\n\tmessageIdGenerator?: (message?: TMessage) => string;\n\tappType?: GiftedChatAppType;\n\n\t[key: string]: any;\n}\n\nexport interface ScrollState {\n\t/* Is initial mount of the component. /\n\tisInitialMount: boolean;\n\t/* Is user currently scrolling. /\n\tisUserScrolling: boolean;\n\t/* Is loading old messages. /\n\tisLoadingOldMessages: boolean;\n\n\t/* Is scroll at bottom. /\n\tisAtBottom: boolean;\n\t/* Has end reached been triggered. /\n\thasTriggeredEndReached: boolean;\n\n\t/* Last known messages length. /\n\tlastMessagesLength: number;\n\n\t/* Previous scroll height. /\n\tpreviousScrollHeight: number;\n\t/* Previous scroll top position. /\n\tpreviousScrollTop: number;\n\n\t/* Debounce timer for scroll events. /\n\tscrollTimeout: number \| null;\n}\n\nexport enum CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE {\n\t/* User is calling another user. /\n\tCALLING_CALL = 'CALLING_CALL',\n\t/* Call is ringing for the recipient. /\n\tRINGING_CALL = 'RINGING_CALL',\n\t/* Call is ongoing between users. /\n\tONGOING_CALL = 'ONGOING_CALL',\n\t/* Call has been completed. /\n\tCOMPLETED_CALL = 'COMPLETED_CALL',\n\t/* Call was missed by the recipient. /\n\tMISSED_CALL = 'MISSED_CALL',\n\t/* Callback was requested. /\n\tREQUESTED_CALLBACK = 'REQUESTED_CALLBACK',\n\t/* Call was declined by the recipient. /\n\tDECLINED_CALL = 'DECLINED_CALL',\n\t/* Call was disconnected. /\n\tDISCONNECTED_CALL = 'DISCONNECTED_CALL',\n\t/* Call was unanswered. */\n\tUNANSWERED_CALL = 'UNANSWERED_CALL',\n}\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tWHATSAPP_VOICE_CALL = 'whatsapp-voice-call',\n\tCREATE_SIGNATURE = 'create-signature',\n\tEDIT_SIGNATURE = 'edit-signature',\n\tWEBPUSH = 'webpush',\n\tTASKS = 'tasks',\n\tRCS = 'rcs',\n}\n"],"names":["CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE","MESSAGE_CHANNELS"],"mappings":"IAsIYA,EAqBMC,GArBlB,SAAYD,GAEXA,EAAA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,aAAA,eAEAA,EAAA,eAAA,iBAEAA,EAAA,YAAA,cAEAA,EAAA,mBAAA,qBAEAA,EAAA,cAAA,gBAEAA,EAAA,kBAAA,oBAEAA,EAAA,gBAAA,iBACA,CAnBD,CAAYA,IAAAA,EAmBX,CAAA,IAED,SAAkBC,GACjBA,EAAA,UAAA,YACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,qBAAA,MACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,oBAAA,sBACAA,EAAA,iBAAA,mBACAA,EAAA,eAAA,iBACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,IAAA,KACA,CAlBD,CAAkBA,IAAAA,EAkBjB,CAAA"}