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

@bikdotai/bik-component-library 0.0.821-beta.9 → 0.0.821

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 (513) hide show

package/dist/cjs/components/BikGiftedChat/Bubble/Bubble.js.map CHANGED Viewed

	@@ -1 +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\tconst isSmtp =\n\t\tmessage?.channelId === MESSAGE_CHANNELS.SMTP \|\|\n\t\tmessage?.channelName === MESSAGE_CHANNELS.SMTP;\n\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\twidth: '100%',\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\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: 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.background.base,\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.brandUltraLight,\n\t\t\t\t\t...(isPrivateNote\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbackground: 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) — bottom bar, time/ticks\n\t\t\t\t\t right-aligned. The 8px gap above comes from the time/ticks\n\t\t\t\t\t rows' own top padding. */}\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}}\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","isMobile","useWindowSize","message","isManifestApp","isPrivateNote","useMemo","Constants","isCarouselMessage","parsedSuccessfully","parsedMessage","isStringifiedArray","isSmtp","MESSAGE_CHANNELS","wrapperStyles","baseStyles","isGmail","dynamicStyles","COLORS","isUnsatisfactory","extraBubbleStyles","renderContent","useCallback","manifestContainerStyle","extraContainerStyle","jsx","jsxs","Bubble","React"],"mappings":"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"}
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","isMobile","useWindowSize","message","isManifestApp","isPrivateNote","useMemo","Constants","isCarouselMessage","parsedSuccessfully","parsedMessage","isStringifiedArray","wrapperStyles","baseStyles","isGmail","MESSAGE_CHANNELS","isSmtp","dynamicStyles","COLORS","isUnsatisfactory","renderContent","useCallback","manifestContainerStyle","jsx","jsxs","Bubble","React"],"mappings":"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"}

package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("date-fns"),a=require("react"),i=require("../../../constants/Theme.js"),M=require("../../TypographyStyle.js"),d=require("../Bubble/types.js"),O=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},D=O(a),C=({createdAt:e,dateFormat:x="D MMMM YY",dateFormatCalendar:c,appType:f=d.GiftedChatAppType.Bik,scrollRootRef:y})=>{const p=a.useRef(null),[l,h]=a.useState(!1),u=a.useMemo(()=>{if(e==null)return null;let n;if(typeof e=="number")n=r.startOfDay(new Date(e));else if(e instanceof Date)n=r.startOfDay(e);else if(typeof e=="string")n=r.startOfDay(new Date(e));else return null;if(f===d.GiftedChatAppType.Manifest)return r.format(n,"MMM d, yyyy");const s=r.startOfDay(new Date);if(!r.isSameYear(s,n))return r.format(n,"EEEE, d MMMM yy");const o=r.differenceInDays(s,n);return o<1?c?.sameDay?c.sameDay.replace(/\[|\]/g,""):"Today":o===1?"Yesterday":r.format(n,"EEEE, d MMMM yy")},[e,x,c,f]);if(a.useEffect(()=>{const n=p.current;if(!n||typeof IntersectionObserver>"u")return;const s=y?.current??null,o=new IntersectionObserver(([m])=>{const b=s?s.getBoundingClientRect().top:0;h(!m.isIntersecting&&m.boundingClientRect.top<=b)},{root:s,threshold:[0,1]});return o.observe(n),()=>o.disconnect()},[y,u]),!u)return null;const g=t.jsx("div",{ref:p,"aria-hidden":!0,style:{height:1,marginBottom:-1}});return f===d.GiftedChatAppType.Manifest?t.jsxs(t.Fragment,{children:[g,t.jsx("div",{style:{position:"sticky",top:0,zIndex:2,display:"flex",alignItems:"center",justifyContent:"center",marginTop:5,marginBottom:10},children:t.jsx("span",{style:{background:l?i.COLORS.surface.standard:"transparent",color:"#b2b2b2",fontSize:12,fontWeight:600,padding:"2px 8px",borderRadius:12},children:u})})]}):t.jsxs(t.Fragment,{children:[g,t.jsxs("div",{style:{position:"sticky",top:0,zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"},children:[!l&&t.jsx("div",{style:{flex:1,height:"1px",backgroundColor:i.COLORS.stroke.primary}}),t.jsx("div",{style:{border:`1px solid ${i.COLORS.stroke.primary}`,borderRadius:"16px",padding:"4px 12px",background:l?i.COLORS.surface.standard:"transparent"},children:t.jsx(M.BodyCaption,{style:{color:i.COLORS.content.secondary},children:u})}),!l&&t.jsx("div",{style:{flex:1,height:"1px",backgroundColor:i.COLORS.stroke.primary}})]})]})},j=D.default.memo(C);exports.Day=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("date-fns"),u=require("react"),i=require("../../../constants/Theme.js"),d=require("../../TypographyStyle.js"),y=require("../Bubble/types.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},x=c(u),m=({createdAt:e,dateFormat:p="D MMMM YY",dateFormatCalendar:s,appType:o=y.GiftedChatAppType.Bik})=>{const a=u.useMemo(()=>{if(e==null)return null;let n;if(typeof e=="number")n=t.startOfDay(new Date(e));else if(e instanceof Date)n=t.startOfDay(e);else if(typeof e=="string")n=t.startOfDay(new Date(e));else return null;if(o===y.GiftedChatAppType.Manifest)return t.format(n,"MMM d, yyyy");const f=t.startOfDay(new Date);if(!t.isSameYear(f,n))return t.format(n,"EEEE, d MMMM yy");const l=t.differenceInDays(f,n);return l<1?s?.sameDay?s.sameDay.replace(/\[|\]/g,""):"Today":l===1?"Yesterday":t.format(n,"EEEE, d MMMM yy")},[e,p,s,o]);return a?o===y.GiftedChatAppType.Manifest?r.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:5,marginBottom:10},children:r.jsx("span",{style:{background:"transparent",color:"#b2b2b2",fontSize:12,fontWeight:600,padding:"2px 8px"},children:a})}):r.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"12px 0px 12px 8px"},children:[r.jsx("div",{style:{flex:1,height:"1px",backgroundColor:i.COLORS.stroke.primary}}),r.jsx("div",{style:{border:`1px solid ${i.COLORS.stroke.primary}`,borderRadius:"16px",padding:"4px 12px"},children:r.jsx(d.BodyCaption,{style:{color:i.COLORS.content.secondary},children:a})}),r.jsx("div",{style:{flex:1,height:"1px",backgroundColor:i.COLORS.stroke.primary}})]}):null},M=x.default.memo(m);exports.Day=M;
 //# sourceMappingURL=Day.js.map

package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Day.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/Day.tsx"],"sourcesContent":["import { differenceInDays, format, isSameYear, startOfDay } from 'date-fns';\nimport React, { ~~useEffect,~~ useMemo, ~~useRef, useState~~ } from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { BodyCaption } from '../../TypographyStyle';\nimport { GiftedChatAppType } from '../Bubble/types';\n\n// Props for Day component\nexport interface DayProps {\n\tcreatedAt?: Date \| number \| string;\n\tdateFormat?: string;\n\tdateFormatCalendar?: {\n\t\tsameDay?: string;\n\t\tnextDay?: string;\n\t\tnextWeek?: string;\n\t\tlastDay?: string;\n\t\tlastWeek?: string;\n\t\tsameElse?: string;\n\t};\n\tappType?: GiftedChatAppType;\n\t/*\n\t Scroll container the separator sticks within. When provided, the\n\t * separator pins to the top while its day's messages scroll past, and the\n\t * divider lines are hidden while pinned (floating-pill look).\n\t */\n\tscrollRootRef?: React.RefObject<HTMLElement \| null>;\n}\n\n// Day component - renders date separator in chat\n// Shows formatted date with smart labeling (Today, Yesterday, etc.)\nconst DayComponent: React.FC<DayProps> = ({\n\tcreatedAt,\n\tdateFormat = 'D MMMM YY',\n\tdateFormatCalendar,\n\tappType = GiftedChatAppType.Bik,\n~~\tscrollRootRef,\n~~}) => {\n\t// Tracks whether the separator is currently pinned to the top of the\n\t// scroll container. A zero-layout sentinel rendered just above the sticky\n\t// header scrolls normally; once it leaves the top edge the header is pinned.\n\tconst sentinelRef = useRef<HTMLDivElement>(null);\n\tconst [isStuck, setIsStuck] = useState(false);\n\t// Format date for display with smart labeling\n\tconst dateStr = useMemo(() => {\n\t\tif (createdAt == null) return null;\n\n\t\tlet date: Date;\n\t\tif (typeof createdAt === 'number') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else if (createdAt instanceof Date) {\n\t\t\tdate = startOfDay(createdAt);\n\t\t} else if (typeof createdAt === 'string') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\n\t\t// For manifest, always show 'Jan 9, 2026' format\n\t\tif (appType === GiftedChatAppType.Manifest) {\n\t\t\treturn format(date, 'MMM d, yyyy');\n\t\t}\n\n\t\tconst now = startOfDay(new Date());\n\t\t// If not same year, show full date with day of week\n\t\tif (!isSameYear(now, date)) {\n\t\t\treturn format(date, 'EEEE, d MMMM yy');\n\t\t}\n\n\t\tconst daysDiff = differenceInDays(now, date);\n\n\t\t// If today\n\t\tif (daysDiff < 1) {\n\t\t\tif (dateFormatCalendar?.sameDay) {\n\t\t\t\treturn dateFormatCalendar.sameDay.replace(/\\[\|\\]/g, '');\n\t\t\t}\n\t\t\treturn 'Today';\n\t\t}\n\n\t\t// If yesterday\n\t\tif (daysDiff === 1) {\n\t\t\treturn 'Yesterday';\n\t\t}\n\n\t\t// Format: \"Friday, 7 November 25\"\n\t\treturn format(date, 'EEEE, d MMMM yy');\n\t}, [createdAt, dateFormat, dateFormatCalendar, appType]);\n\n\t// Detect the pinned state. The sentinel scrolls with the content; once it\n\t// crosses above the scroll container's top edge the header is pinned.\n\tuseEffect(() => {\n\t\tconst sentinel = sentinelRef.current;\n\t\tif (!sentinel \|\| typeof IntersectionObserver === 'undefined') return;\n\t\tconst root = scrollRootRef?.current ?? null;\n\t\tconst observer = new IntersectionObserver(\n\t\t\t([entry]) => {\n\t\t\t\tconst rootTop = root ? root.getBoundingClientRect().top : 0;\n\t\t\t\t// Pinned only when the sentinel has left via the TOP edge — not\n\t\t\t\t// when it's simply offscreen below (yet to be scrolled into view).\n\t\t\t\tsetIsStuck(\n\t\t\t\t\t!entry.isIntersecting && entry.boundingClientRect.top <= rootTop,\n\t\t\t\t);\n\t\t\t},\n\t\t\t{ root, threshold: [0, 1] },\n\t\t);\n\t\tobserver.observe(sentinel);\n\t\treturn () => observer.disconnect();\n\t}, [scrollRootRef, dateStr])~~;\n\n\tif~~ ~~(!dateStr)~~ return null;\n\n\t// Zero-layout sentinel sitting just above the sticky header.\n\tconst sentinel = (\n\t\t<div\n\t\t\tref={sentinelRef}\n\t\t\taria-hidden\n\t\t\tstyle={{ height: 1, marginBottom: -1 }}\n\t\t/>\n\t);\n\n\tif (appType === GiftedChatAppType.Manifest) {\n\t\treturn (\n\t\t\t~~<>\n\t\t\t\t{sentinel}\n\t\t\t\t~~<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\~~t\tposition: 'sticky',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tzIndex: 2,\n\t\t\t\t\t\~~tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tmarginTop: 5,\n\t\t\t\t\t\tmarginBottom: 10,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground: ~~isStuck ? COLORS.surface.standard :~~ 'transparent',\n\t\t\t\t\t\t\tcolor: '#b2b2b2',\n\t\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t~~\t\tborderRadius: 12,\n\t\t\t\t\t\t~~}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{dateStr}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t~~\t</>\n\t\t~~);\n\t}\n\n\treturn (\n\t\t~~<>\n\t\t\t{sentinel}\n\t\t\t~~<div\n\t\t\t\tstyle={{\n\t\t\t\~~t\tposition~~: '~~sticky~~',\n\t\t\t\~~t\ttop~~: ~~0,\n\t\t\t\t\tzIndex: 2,\n\t\t\t\t\tdisplay:~~ '~~flex~~',\n\t\t\t\~~t\talignItems~~: 'center',\n\t\t\t\~~t\tjustifyContent~~: '~~center~~',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t~~\t{!isStuck && (\n\t\t\t\t\t~~<div\n\t\t\t\~~t\t\~~tstyle={{\n\t\t\t\t\~~t\t\~~tflex: 1,\n\t\t\t\t\~~t\t\~~theight: '1px',\n\t\t\t\t\~~t\t\~~tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t~~\t\t~~}}\n\t\t\t~~\t\t~~/>\n\t\t\t~~\t)}\n\t\t\t\t~~<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\tpadding: '4px 12px',\n\t\t\t\t~~\t\tbackground: isStuck ? COLORS.surface.standard : 'transparent',\n\t\t\t\t\t~~}}\n\t\t\t\t>\n\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t{dateStr}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t</div>\n\t\t\t~~\t{!isStuck && (\n\t\t\t\t\t~~<div\n\t\t\t\~~t\t\~~tstyle={{\n\t\t\t\t\~~t\t\~~tflex: 1,\n\t\t\t\t\~~t\t\~~theight: '1px',\n\t\t\t\t\~~t\t\~~tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t~~\t\t~~}}\n\t\t\t~~\t\t~~/>\n\t\t~~\t\t)}\n\t\t\t~~</div>\n\t~~\t</>\n\t~~);\n};\n\n// Export memoized version for performance\nexport const Day = React.memo(DayComponent);\n\nexport default Day;\n"],"names":["DayComponent","createdAt","dateFormat","dateFormatCalendar","appType","GiftedChatAppType","~~scrollRootRef","sentinelRef","useRef","isStuck","setIsStuck","useState","~~dateStr","useMemo","date","startOfDay","format","now","isSameYear","daysDiff","differenceInDays","~~useEffect","sentinel","root","observer","entry","rootTop","~~jsx","jsxs","~~Fragment","~~COLORS","BodyCaption","Day","React"],"mappings":"~~4UA6BMA~~,EAAmC,CAAC,CACzC,UAAAC,EACA,WAAAC,EAAa,YACb,mBAAAC,EACA,QAAAC,EAAUC,EAAAA,kBAAkB,~~IAC5B~~,~~cAAAC,CACD,~~IAAM,~~CAIL~~,MAAMC,~~EAAcC,EAAAA,OAAuB,IAAI,EACzC,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAEtCC,~~EAAUC,EAAAA,QAAQ,IAAM,CAC7B,~~GAAIZ~~,GAAa,KAAM,OAAO,KAE9B,~~IAAIa~~,EACJ,GAAI,~~OAAOb~~,GAAc,~~SACxBa~~,EAAOC,EAAAA,WAAW,IAAI,~~KAAKd~~,CAAS,CAAC,UAC3BA,aAAqB,KAC/Ba,EAAOC,EAAAA,~~WAAWd~~,CAAS,UACjB,OAAOA,GAAc,SAC/Ba,EAAOC,EAAAA,WAAW,IAAI,~~KAAKd~~,CAAS,CAAC,MAErC,QAAO,KAIR,GAAIG,IAAYC,EAAAA,kBAAkB,SACjC,~~OAAOW~~,EAAAA,OAAOF,EAAM,aAAa,EAGlC,MAAMG,EAAMF,EAAAA,WAAW,IAAI,IAAM,EAEjC,GAAI,CAACG,EAAAA,WAAWD,EAAKH,CAAI,EACxB,OAAOE,EAAAA,OAAOF,EAAM,iBAAiB,EAGtC,MAAMK,EAAWC,EAAAA,iBAAiBH,EAAKH,CAAI,EAG3C,OAAIK,EAAW,~~EACVhB~~,GAAoB,QAChBA,EAAmB,QAAQ,QAAQ,SAAU,EAAE,EAEhD,~~QAIJgB~~,IAAa,EACT,YAIDH,EAAAA,OAAOF,EAAM,iBAAiB,CACtC,EAAG,~~CAACb~~,EAAWC,EAAYC,EAAoBC,CAAO,CAAC,~~EAuBvD~~,~~GAnBAiB~~,~~EAAAA~~,UAAU,IAAM,CACf,MAAMC,EAAWf,EAAY,QAC7B,GAAI,CAACe,GAAY,OAAO,qBAAyB,IAAa,OAC9D,MAAMC,EAAOjB,GAAe,SAAW,KACjCkB,EAAW,IAAI,qBACpB,CAAC,CAACC,CAAK,IAAM,CACZ,MAAMC,EAAUH,EAAOA,EAAK,sBAAA,EAAwB,IAAM,EAG1Db,EACC,CAACe,EAAM,gBAAkBA,EAAM,mBAAmB,KAAOC,CAAA,CAE3D,EACA,CAAE,KAAAH,EAAM,UAAW,CAAC,EAAG,CAAC,CAAA,CAAE,EAE3B,OAAAC,EAAS,QAAQF,CAAQ,EAClB,IAAME,EAAS,WAAA,CACvB,EAAG,CAAClB,EAAeM,CAAO,CAAC,EAEvB,CAACA,EAAS,OAAO,KAGrB,MAAMU,EACLK,EAAAA,IAAC,MAAA,CACA,IAAKpB,EACL,cAAW,GACX,MAAO,CAAE,OAAQ,EAAG,aAAc,EAAA,CAAG,CAAA,EAIvC,OAAIH,IAAYC,EAAAA,kBAAkB,~~SAEhCuB~~,EAAAA,~~KAAAC,WAAA,CACE,SAAA,CAAAP,EACDK,EAAAA,~~IAAC,MAAA,CACA,MAAO,CACN,~~SAAU,SACV,IAAK,EACL,OAAQ,EACR,~~QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,UAAW,EACX,aAAc,EAAA,EAGf,SAAAA,EAAAA,IAAC,OAAA,CACA,MAAO,CACN,~~WAAYlB~~,~~EAAUqB~~,~~EAAAA,OAAO,QAAQ,SAAW,cAChD,~~MAAO,UACP,SAAU,GACV,WAAY,IACZ,QAAS,~~UACT~~,~~aAAc~~,~~EAAA~~,~~EAGd,SAAAlB,~~CAAA,CAAA,CACF,CAAA,~~CACD~~,~~EACD,EAKDgB,~~EAAAA,~~KAAAC,WAAA,CACE,SAAA,CAAAP,EACDM,EAAAA,~~KAAC,MAAA,CACA,MAAO,CACN,~~SAAU,SACV,IAAK,EACL,OAAQ,EACR,~~QAAS,OACT,WAAY,SACZ,eAAgB,~~QAAA~~,~~EAGhB~~,~~SAAA~~,~~CAAA~~,~~CAACnB~~,~~GACDkB~~,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,KAAM,EACN,OAAQ,MACR,~~gBAAiBG~~,EAAAA,OAAO,OAAO,OAAA,CAChC,CAAA,~~EAGFH~~,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,OAAQ,~~aAAaG~~,EAAAA,OAAO,OAAO,OAAO,GAC1C,aAAc,OACd,QAAS,~~WACT~~,~~WAAYrB~~,~~EAAUqB~~,~~SAAO,QAAQ,SAAW,aAAA,EAGjD,SAAAH,~~EAAAA,~~IAACI~~,eAAY,MAAO,CAAE,MAAOD,EAAAA,OAAO,QAAQ,WAC1C,~~SAAAlB~~,CAAA,CACF,CAAA,CAAA,~~EAEA~~,~~CAACH,GACDkB,~~EAAAA,IAAC,MAAA,CACA,MAAO,CACN,KAAM,EACN,OAAQ,MACR,~~gBAAiBG~~,EAAAA,OAAO,OAAO,OAAA,CAChC,CAAA,CACD,CAAA,CAAA,~~CAEF~~,~~EACD~~,~~CAEF,~~EAGaE,EAAMC,EAAAA,QAAM,~~KAAKjC~~,CAAY"}
1	+ {"version":3,"file":"Day.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/Day.tsx"],"sourcesContent":["import { differenceInDays, format, isSameYear, startOfDay } from 'date-fns';\nimport React, { useMemo } from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { BodyCaption } from '../../TypographyStyle';\nimport { GiftedChatAppType } from '../Bubble/types';\n\n// Props for Day component\nexport interface DayProps {\n\tcreatedAt?: Date \| number \| string;\n\tdateFormat?: string;\n\tdateFormatCalendar?: {\n\t\tsameDay?: string;\n\t\tnextDay?: string;\n\t\tnextWeek?: string;\n\t\tlastDay?: string;\n\t\tlastWeek?: string;\n\t\tsameElse?: string;\n\t};\n\tappType?: GiftedChatAppType;\n}\n\n// Day component - renders date separator in chat\n// Shows formatted date with smart labeling (Today, Yesterday, etc.)\nconst DayComponent: React.FC<DayProps> = ({\n\tcreatedAt,\n\tdateFormat = 'D MMMM YY',\n\tdateFormatCalendar,\n\tappType = GiftedChatAppType.Bik,\n}) => {\n\t// Format date for display with smart labeling\n\tconst dateStr = useMemo(() => {\n\t\tif (createdAt == null) return null;\n\n\t\tlet date: Date;\n\t\tif (typeof createdAt === 'number') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else if (createdAt instanceof Date) {\n\t\t\tdate = startOfDay(createdAt);\n\t\t} else if (typeof createdAt === 'string') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\n\t\t// For manifest, always show 'Jan 9, 2026' format\n\t\tif (appType === GiftedChatAppType.Manifest) {\n\t\t\treturn format(date, 'MMM d, yyyy');\n\t\t}\n\n\t\tconst now = startOfDay(new Date());\n\t\t// If not same year, show full date with day of week\n\t\tif (!isSameYear(now, date)) {\n\t\t\treturn format(date, 'EEEE, d MMMM yy');\n\t\t}\n\n\t\tconst daysDiff = differenceInDays(now, date);\n\n\t\t// If today\n\t\tif (daysDiff < 1) {\n\t\t\tif (dateFormatCalendar?.sameDay) {\n\t\t\t\treturn dateFormatCalendar.sameDay.replace(/\\[\|\\]/g, '');\n\t\t\t}\n\t\t\treturn 'Today';\n\t\t}\n\n\t\t// If yesterday\n\t\tif (daysDiff === 1) {\n\t\t\treturn 'Yesterday';\n\t\t}\n\n\t\t// Format: \"Friday, 7 November 25\"\n\t\treturn format(date, 'EEEE, d MMMM yy');\n\t}, [createdAt, dateFormat, dateFormatCalendar, appType]);\n\n\tif (!dateStr) return null;\n\n\tif (appType === GiftedChatAppType.Manifest) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tmarginTop: 5,\n\t\t\t\t\tmarginBottom: 10,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: 'transparent',\n\t\t\t\t\t\tcolor: '#b2b2b2',\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{dateStr}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\tmargin: '12px 0px 12px 8px',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\theight: '1px',\n\t\t\t\t\tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\tpadding: '4px 12px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{dateStr}\n\t\t\t\t</BodyCaption>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\theight: '1px',\n\t\t\t\t\tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// Export memoized version for performance\nexport const Day = React.memo(DayComponent);\n\nexport default Day;\n"],"names":["DayComponent","createdAt","dateFormat","dateFormatCalendar","appType","GiftedChatAppType","dateStr","useMemo","date","startOfDay","format","now","isSameYear","daysDiff","differenceInDays","jsx","jsxs","COLORS","BodyCaption","Day","React"],"mappings":"4UAuBMA,EAAmC,CAAC,CACzC,UAAAC,EACA,WAAAC,EAAa,YACb,mBAAAC,EACA,QAAAC,EAAUC,EAAAA,kBAAkB,GAC7B,IAAM,CAEL,MAAMC,EAAUC,EAAAA,QAAQ,IAAM,CAC7B,GAAIN,GAAa,KAAM,OAAO,KAE9B,IAAIO,EACJ,GAAI,OAAOP,GAAc,SACxBO,EAAOC,EAAAA,WAAW,IAAI,KAAKR,CAAS,CAAC,UAC3BA,aAAqB,KAC/BO,EAAOC,EAAAA,WAAWR,CAAS,UACjB,OAAOA,GAAc,SAC/BO,EAAOC,EAAAA,WAAW,IAAI,KAAKR,CAAS,CAAC,MAErC,QAAO,KAIR,GAAIG,IAAYC,EAAAA,kBAAkB,SACjC,OAAOK,EAAAA,OAAOF,EAAM,aAAa,EAGlC,MAAMG,EAAMF,EAAAA,WAAW,IAAI,IAAM,EAEjC,GAAI,CAACG,EAAAA,WAAWD,EAAKH,CAAI,EACxB,OAAOE,EAAAA,OAAOF,EAAM,iBAAiB,EAGtC,MAAMK,EAAWC,EAAAA,iBAAiBH,EAAKH,CAAI,EAG3C,OAAIK,EAAW,EACVV,GAAoB,QAChBA,EAAmB,QAAQ,QAAQ,SAAU,EAAE,EAEhD,QAIJU,IAAa,EACT,YAIDH,EAAAA,OAAOF,EAAM,iBAAiB,CACtC,EAAG,CAACP,EAAWC,EAAYC,EAAoBC,CAAO,CAAC,EAEvD,OAAKE,EAEDF,IAAYC,EAAAA,kBAAkB,SAEhCU,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,UAAW,EACX,aAAc,EAAA,EAGf,SAAAA,EAAAA,IAAC,OAAA,CACA,MAAO,CACN,WAAY,cACZ,MAAO,UACP,SAAU,GACV,WAAY,IACZ,QAAS,SAAA,EAGT,SAAAT,CAAA,CAAA,CACF,CAAA,EAMFU,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,mBAAA,EAGT,SAAA,CAAAD,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,KAAM,EACN,OAAQ,MACR,gBAAiBE,EAAAA,OAAO,OAAO,OAAA,CAChC,CAAA,EAEDF,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,OAAQ,aAAaE,EAAAA,OAAO,OAAO,OAAO,GAC1C,aAAc,OACd,QAAS,UAAA,EAGV,SAAAF,EAAAA,IAACG,eAAY,MAAO,CAAE,MAAOD,EAAAA,OAAO,QAAQ,WAC1C,SAAAX,CAAA,CACF,CAAA,CAAA,EAEDS,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,KAAM,EACN,OAAQ,MACR,gBAAiBE,EAAAA,OAAO,OAAO,OAAA,CAChC,CAAA,CACD,CAAA,CAAA,EA7DmB,IAgEtB,EAGaE,EAAMC,EAAAA,QAAM,KAAKpB,CAAY"}

package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),w=require("../../../constants/Theme.js"),Z=require("../../../hooks/useWindowSize.js"),ee=require("../../TypographyStyle.js"),p=require("../Bubble/types.js"),te=require("./Day.js"),W=require("./messageHelpers.js"),m=require("./scrollHooks.js"),U=require("./types.js"),_=require("./utils.js"),se=require("../../button/Button.js"),re=l=>l&&typeof l=="object"&&"default"in l?l:{default:l},ne=re(n),I=204,oe=({text:l,isExpanded:g,onToggle:i})=>{const a=n.useRef(null),[b,T]=n.useState(!1);return n.useEffect(()=>{const y=a.current;if(y){y.style.maxHeight="none";const P=y.scrollHeight>I;y.style.maxHeight=g?"none":`${I}px`,T(P)}},[l,g]),s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:a,style:{maxHeight:g?"none":I,overflow:"hidden"},children:s.jsx(ee.BodySecondary,{children:l})}),b&&s.jsx(se.Button,{buttonType:"text",size:"xs",buttonText:g?"Show less":"Read more",onClick:i})]})},ie=(l,g)=>{const{messages:i=[],user:a,renderBubble:b,renderAvatar:T,renderDay:y,renderLoading:P,renderChatEmpty:q,listViewProps:O={},renderAvatarOnTop:D=!1,showUserAvatar:j=!1,showAvatarForEveryMessage:k=!1,inverted:ae=!1,messageIdGenerator:B,topThreshold:V=_.TOP_THRESHOLD,appType:d=p.GiftedChatAppType.Bik,maxHeight:E,isActivityMessage:C,...N}=l||{},v=Z.useWindowSize(),X=n.useRef(null),x=_.normalizeRef(O.ref||g,X),S=n.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:i?.length??0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),[$,Y]=n.useState(new Set),u=n.useMemo(()=>!i||i.length===0?[]:[...i].reverse(),[i]),J=n.useMemo(()=>{const e=[];return u.forEach((o,r)=>{const t=u[r-1];r===0||!_.isSameDay(o,t)?e.push({createdAt:o.createdAt,indices:[r]}):e[e.length-1].indices.push(r)}),e},[u]),G=m.useScrollToBottom(x,S);n.useImperativeHandle(g,()=>x.current),m.useInitialMountScroll(x,S,u.length,G),m.useScrollCleanup(S),m.useRestoreScrollPosition(x,S,u.length),m.useAutoScrollOnNewMessages(x,S,i.length,G),m.useResizeObserverForFirstMessage(i?.[0],S,G,B);const K=m.useScrollHandler(S,O.onEndReached,O.onScroll,V),A=n.useCallback(e=>!!(e&&a&&e.user?._id===a._id),[a]),z=n.useCallback((e,o)=>j?k?!0:!o||(C?C(e):!1)||(C?C(o):!1)||o.user._id!==e.user._id:!1,[j,k,C]),Q=n.useCallback((e,o,r)=>{const t=A(e)?"right":"left",f=o?.user?._id!==e?.user?._id,h=r?.user?._id!==e?.user?._id,R={currentMessage:e,previousMessage:o,nextMessage:r,position:t,user:a,...N};if(b)return b(R);const c=e._id,L=$.has(c);return s.jsx("div",{style:{maxWidth:d===p.GiftedChatAppType.Manifest?"50%":"70%",width:"fit-content",...d===p.GiftedChatAppType.Manifest?{minWidth:"130px"}:{},padding:"8px 12px",borderTopLeftRadius:t==="left"?f?12:2:12,borderTopRightRadius:t==="right"?f?12:2:12,borderBottomLeftRadius:t==="left"?h?12:2:12,borderBottomRightRadius:t==="right"?h?12:2:12,border:t==="left"&&d===p.GiftedChatAppType.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:t==="right"?d===p.GiftedChatAppType.Manifest?w.COLORS.background.brandTint:w.COLORS.background.brandLight:d===p.GiftedChatAppType.Manifest?w.COLORS.background.pureWhite:w.COLORS.background.inactive,color:w.COLORS.content.primary,wordBreak:"break-word"},children:s.jsx(oe,{text:e.text??"",isExpanded:L,onToggle:()=>Y(H=>{const M=new Set(H);return L?M.delete(c):M.add(c),M})})})},[A,a,b,N,$]),F=n.useCallback((e,o,r)=>{if(!z(e,o))return null;const f=A(e)?"right":"left";return T?T({currentMessage:e,previousMessage:o,nextMessage:r,position:f,user:a,renderAvatarOnTop:D,showUserAvatar:j,showAvatarForEveryMessage:k}):null},[z,A,a,D,j,k,T]);return!i||i.length===0?q?s.jsx(s.Fragment,{children:q()}):null:s.jsxs("div",{ref:x,style:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",...E?{maxHeight:E,height:E}:{},...O.style},onScroll:K,children:[s.jsx("div",{style:{flex:"1 0 auto"}}),s.jsx("div",{style:{display:"flex",flexDirection:"column",flex:"0 0 auto"},children:J.map((e,o)=>s.jsxs("div",{children:[y?s.jsx("div",{style:{position:"sticky",top:0,zIndex:2},children:y({createdAt:e.createdAt})}):s.jsx(te.Day,{createdAt:e.createdAt,appType:d,scrollRootRef:x}),e.indices.map(r=>{const t=u[r],f=t?.channelId===U.MESSAGE_CHANNELS.SMTP||t?.channelName===U.MESSAGE_CHANNELS.SMTP,h=f?"left":A(t)?"right":"left",R=u[r-1],c=u[r+1],L=W.getMessagePlacement(t,h),H=W.shouldCenterAlign(t),M=t.category===_.Constants.ChatActivity.Category.ACTIVITY&&t.activityType===_.Constants.ChatActivity.Type.PRIVATE_NOTE;return s.jsx(ne.default.Fragment,{children:s.jsxs("div",{style:{...v?{margin:"0 4px"}:{},...H?{}:{display:"flex",alignItems:"flex-start"},...d!==p.GiftedChatAppType.Manifest?!v&&h==="right"?{marginLeft:8}:{marginRight:8}:{},...f&&!M&&v?{marginLeft:8,marginRight:8}:{},justifyContent:L,marginBottom:c?c?.user?._id===t?.user?._id?4:20:0},children:[!v&&h==="left"&&s.jsx("div",{style:{marginRight:"4px",width:"24px",flexShrink:0},children:F(t,R,c)}),s.jsx("div",{id:`message-bubble-${t._id??`${r}-${B?.()??"id"}`}`,style:d===p.GiftedChatAppType.Manifest?{width:"100%"}:v||f?{display:"flex",flexGrow:1,width:"100%"}:{},children:Q(t,R,c)}),!v&&h==="right"&&s.jsx("div",{style:{marginLeft:"4px",width:"24px",flexShrink:0,alignSelf:"flex-start"},children:F(t,R,c)})]})},t._id??`${r}-${B?.()??"id"}`)})]},`day-group-${o}`))})]})},le=n.forwardRef(ie);exports.default=le;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),C=require("../../../constants/Theme.js"),z=require("../../../hooks/useWindowSize.js"),U=require("../../TypographyStyle.js"),l=require("../Bubble/types.js"),V=require("./Day.js"),q=require("./messageHelpers.js"),f=require("./scrollHooks.js"),B=require("./types.js"),v=require("./utils.js"),Y=c=>c&&typeof c=="object"&&"default"in c?c:{default:c},X=Y(n),J=(c,O)=>{const{messages:o=[],user:d,renderBubble:M,renderAvatar:x,renderDay:w,renderLoading:Q,renderChatEmpty:j,listViewProps:T={},renderAvatarOnTop:_=!1,showUserAvatar:b=!1,showAvatarForEveryMessage:A=!1,inverted:Z=!1,messageIdGenerator:R,topThreshold:D=v.TOP_THRESHOLD,appType:s=l.GiftedChatAppType.Bik,...G}=c||{},h=z.useWindowSize(),H=n.useRef(null),y=v.normalizeRef(T.ref||O,H),u=n.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:o?.length??0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),g=n.useMemo(()=>!o||o.length===0?[]:[...o].reverse(),[o]),m=f.useScrollToBottom(y,u);n.useImperativeHandle(O,()=>y.current),f.useInitialMountScroll(y,u,g.length,m),f.useScrollCleanup(u),f.useRestoreScrollPosition(y,u,g.length),f.useAutoScrollOnNewMessages(y,u,o.length,m),f.useResizeObserverForFirstMessage(o?.[0],u,m,R);const I=f.useScrollHandler(u,T.onEndReached,T.onScroll,D),S=n.useCallback(e=>!!(e&&d&&e.user?._id===d._id),[d]),L=n.useCallback((e,r)=>b?A?!0:!r||r.user._id!==e.user._id:!1,[b,A]),N=n.useCallback((e,r,a)=>{const i=S(e)?"right":"left",p={currentMessage:e,previousMessage:r,nextMessage:a,position:i,user:d,...G};return M?M(p):t.jsx("div",{style:{maxWidth:s===l.GiftedChatAppType.Manifest?"50%":"70%",width:"fit-content",...s===l.GiftedChatAppType.Manifest?{minWidth:"130px"}:{},padding:"8px 12px",borderRadius:s===l.GiftedChatAppType.Manifest?16:4,border:i==="left"&&s===l.GiftedChatAppType.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:i==="right"?s===l.GiftedChatAppType.Manifest?C.COLORS.background.brandTint:C.COLORS.background.brandLight:s===l.GiftedChatAppType.Manifest?C.COLORS.background.pureWhite:C.COLORS.background.inactive,color:C.COLORS.content.primary,wordBreak:"break-word"},children:t.jsx(U.BodySecondary,{children:e.text})})},[S,d,M,G]),k=n.useCallback((e,r,a)=>{if(!L(e,a))return null;const p=S(e)?"right":"left";return x?x({currentMessage:e,previousMessage:r,nextMessage:a,position:p,user:d,renderAvatarOnTop:_,showUserAvatar:b,showAvatarForEveryMessage:A}):null},[L,S,d,_,b,A,x]);return!o||o.length===0?j?t.jsx(t.Fragment,{children:j()}):null:t.jsxs("div",{ref:y,style:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",...T.style},onScroll:I,children:[t.jsx("div",{style:{flex:"1 0 auto"}}),t.jsx("div",{style:{display:"flex",flexDirection:"column",flex:"0 0 auto"},children:g.map((e,r)=>{const a=S(e)?"right":"left",i=g[r-1],p=g[r+1],E=!v.isSameDay(e,i),$=q.getMessagePlacement(e,a),F=q.shouldCenterAlign(e),P=e?.channelId===B.MESSAGE_CHANNELS.SMTP||e?.channelName===B.MESSAGE_CHANNELS.SMTP,W=e.category===v.Constants.ChatActivity.Category.ACTIVITY&&e.activityType===v.Constants.ChatActivity.Type.PRIVATE_NOTE;return t.jsxs(X.default.Fragment,{children:[E&&(w?w({createdAt:e.createdAt}):t.jsx(V.Day,{createdAt:e.createdAt,appType:s})),t.jsxs("div",{style:{...h?{margin:"0 4px"}:{},...F?{}:{display:"flex"},...s!==l.GiftedChatAppType.Manifest?!h&&e?.user?._id===2?{marginLeft:8}:{marginRight:8}:{},...P&&!W&&h?{marginLeft:8,marginRight:8}:{},justifyContent:$,marginBottom:8},children:[!h&&a==="left"&&t.jsx("div",{style:{margin:"0 8px"},children:k(e,i,p)}),t.jsx("div",{id:`message-bubble-${e._id??`${r}-${R?.()??"id"}`}`,style:s===l.GiftedChatAppType.Manifest?{width:"100%"}:h&&P?{display:"flex",flexGrow:1}:{},children:N(e,i,p)}),!h&&a==="right"&&t.jsx("div",{style:{margin:"0 8px"},children:k(e,i,p)})]})]},e._id??`${r}-${R?.()??"id"}`)})})]})},K=n.forwardRef(J);exports.default=K;
 //# sourceMappingURL=GiftedChat.js.map

package/dist/cjs/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\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { Button } from '../../button';\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 COLLAPSED_MAX_HEIGHT = 204;\n\nconst CollapsibleBubbleText: React.FC<{\n\ttext: string;\n\tisExpanded: boolean;\n\tonToggle: () => void;\n}> = ({ text, isExpanded, onToggle }) => {\n\tconst textRef = useRef<HTMLDivElement>(null);\n\tconst [isOverflowing, setIsOverflowing] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst el = textRef.current;\n\t\tif (el) {\n\t\t\t// Temporarily remove max-height to measure true scroll height\n\t\t\tel.style.maxHeight = 'none';\n\t\t\tconst overflows = el.scrollHeight > COLLAPSED_MAX_HEIGHT;\n\t\t\tel.style.maxHeight = isExpanded ? 'none' : `${COLLAPSED_MAX_HEIGHT}px`;\n\t\t\tsetIsOverflowing(overflows);\n\t\t}\n\t}, [text, isExpanded]);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tref={textRef}\n\t\t\t\tstyle={{\n\t\t\t\t\tmaxHeight: isExpanded ? 'none' : COLLAPSED_MAX_HEIGHT,\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodySecondary>{text}</BodySecondary>\n\t\t\t</div>\n\t\t\t{isOverflowing && (\n\t\t\t\t<Button\n\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tbuttonText={isExpanded ? 'Show less' : 'Read more'}\n\t\t\t\t\tonClick={onToggle}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\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\tmaxHeight,\n\t\tisActivityMessage,\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\tconst [expandedMessages, setExpandedMessages] = useState<\n\t\tSet<string \| number>\n\t>(new Set());\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\t// Group consecutive same-day messages so each day separator can stick\n\t// within its own section and get pushed out by the next day's separator.\n\tconst dayGroups = useMemo(() => {\n\t\tconst groups: { createdAt: IMessage['createdAt']; indices: number[] }[] =\n\t\t\t[];\n\t\treversedMessages.forEach((message, index) => {\n\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\tif (index === 0 \|\| !isSameDay(message, previousMessage)) {\n\t\t\t\tgroups.push({ createdAt: message.createdAt, indices: [index] });\n\t\t\t} else {\n\t\t\t\tgroups[groups.length - 1].indices.push(index);\n\t\t\t}\n\t\t});\n\t\treturn groups;\n\t}, [reversedMessages]);\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 on the first message in a consecutive sender stack,\n\t\t\t// or when an activity interrupts the stack, or when the current message itself is an activity\n\t\t\treturn (\n\t\t\t\t!previousMessage \|\|\n\t\t\t\t(isActivityMessage ? isActivityMessage(message) : false) \|\|\n\t\t\t\t(isActivityMessage ? isActivityMessage(previousMessage) : false) \|\|\n\t\t\t\tpreviousMessage.user._id !== message.user._id\n\t\t\t);\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage, isActivityMessage],\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\tconst messageId = message._id;\n\t\t\tconst isExpanded = expandedMessages.has(messageId);\n\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:\n\t\t\t\t\t\t\tposition === 'left' ? (isTopOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderTopRightRadius:\n\t\t\t\t\t\t\tposition === 'right' ? (isTopOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderBottomLeftRadius:\n\t\t\t\t\t\t\tposition === 'left' ? (isBottomOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderBottomRightRadius:\n\t\t\t\t\t\t\tposition === 'right' ? (isBottomOfStack ? 12 : 2) : 12,\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<CollapsibleBubbleText\n\t\t\t\t\t\ttext={message.text ?? ''}\n\t\t\t\t\t\tisExpanded={isExpanded}\n\t\t\t\t\t\tonToggle={() =>\n\t\t\t\t\t\t\tsetExpandedMessages((prev) => {\n\t\t\t\t\t\t\t\tconst next = new Set(prev);\n\t\t\t\t\t\t\t\tif (isExpanded) next.delete(messageId);\n\t\t\t\t\t\t\t\telse next.add(messageId);\n\t\t\t\t\t\t\t\treturn next;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps, expandedMessages],\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...(maxHeight ? { maxHeight, height: maxHeight } : {}),\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{dayGroups.map((group, groupIndex) => (\n\t\t\t\t\t<div key={`day-group-${groupIndex}`}>\n\t\t\t\t\t\t{/ Day separator — sticks to top while this day scrolls past /}\n\t\t\t\t\t\t{renderDay ? (\n\t\t\t\t\t\t\t<div style={{ position: 'sticky', top: 0, zIndex: 2 }}>\n\t\t\t\t\t\t\t\t{renderDay({ createdAt: group.createdAt })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tcreatedAt={group.createdAt}\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t\tscrollRootRef={scrollRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{group.indices.map((index) => {\n\t\t\t\t\t\t\tconst message = reversedMessages[index];\n\t\t\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP \|\|\n\t\t\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t\t\tconst position = isSmtp\n\t\t\t\t\t\t\t\t? 'left'\n\t\t\t\t\t\t\t\t: isUserMessage(message)\n\t\t\t\t\t\t\t\t? 'right'\n\t\t\t\t\t\t\t\t: 'left';\n\t\t\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\t\t\tmessage['category'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\t\t\tkey={\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>\n\t\t\t\t\t\t\t\t\t{/ Message container /}\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isCentered\n\t\t\t\t\t\t\t\t\t\t\t\t? {}\n\t\t\t\t\t\t\t\t\t\t\t\t: { display: 'flex', alignItems: 'flex-start' }),\n\t\t\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t\t? !isMobile && position === 'right'\n\t\t\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\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\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\t\t: {}),\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: nextMessage\n\t\t\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\t\t? 4\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 20\n\t\t\t\t\t\t\t\t\t\t\t\t: 0,\n\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\t\t{/ Left avatar or placeholder (for mobile, avatar is hidden) /}\n\t\t\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginRight: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{/ Message bubble /}\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\t\t\tmessage._id ??\n\t\t\t\t\t\t\t\t\t\t\t\t`${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\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\t\t: isMobile \|\| isSmtp\n\t\t\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1, width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{renderMessageBubble(\n\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{/ Right avatar or placeholder (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\talignSelf: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\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":["COLLAPSED_MAX_HEIGHT","CollapsibleBubbleText","text","isExpanded","onToggle","textRef","useRef","isOverflowing","setIsOverflowing","useState","useEffect","el","overflows","jsxs","Fragment","jsx","BodySecondary","Button","GiftedChatInner","props","forwardedRef","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","maxHeight","isActivityMessage","extraProps","isMobile","useWindowSize","internalScrollRef","scrollRef","normalizeRef","scrollState","expandedMessages","setExpandedMessages","reversedMessages","useMemo","dayGroups","groups","message","index","previousMessage","isSameDay","scrollToBottom","useScrollToBottom","useImperativeHandle","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","isUserMessage","useCallback","shouldShowAvatar","renderMessageBubble","nextMessage","position","isTopOfStack","isBottomOfStack","bubbleProps","messageId","COLORS","prev","next","renderMessageAvatar","group","groupIndex","Day","isSmtp","MESSAGE_CHANNELS","placement","getMessagePlacement","isCentered","shouldCenterAlign","isPrivateNote","Constants","React","GiftedChat","forwardRef"],"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":["GiftedChatInner","props","forwardedRef","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","extraProps","isMobile","useWindowSize","internalScrollRef","useRef","scrollRef","normalizeRef","scrollState","reversedMessages","useMemo","scrollToBottom","useScrollToBottom","useImperativeHandle","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","isUserMessage","useCallback","message","shouldShowAvatar","nextMessage","renderMessageBubble","previousMessage","position","bubbleProps","jsx","COLORS","BodySecondary","renderMessageAvatar","Fragment","jsxs","index","shouldShowDay","isSameDay","placement","getMessagePlacement","isCentered","shouldCenterAlign","isSmtp","MESSAGE_CHANNELS","isPrivateNote","Constants","React","Day","GiftedChat","forwardRef"],"mappings":"ogBA2BMA,EAAkB,CACvBC,EACAC,IACI,CACJ,KAAM,CACL,SAAAC,EAAW,CAAA,EACX,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,UAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,cAAAC,EAAgB,CAAA,EAChB,kBAAAC,EAAoB,GACpB,eAAAC,EAAiB,GACjB,0BAAAC,EAA4B,GAC5B,SAAAC,EAAW,GACX,mBAAAC,EACA,aAAAC,EAAeC,EAAAA,cACf,QAAAC,EAAUC,EAAAA,kBAAkB,IAC5B,GAAGC,CAAA,EACAnB,GAAS,CAAA,EAEPoB,EAAWC,EAAAA,cAAA,EAEXC,EAAoBC,EAAAA,OAA8B,IAAI,EACtDC,EAAYC,EAAAA,aACjBhB,EAAc,KAAOR,EACrBqB,CAAA,EAGKI,EAAcH,EAAAA,OAAO,CAC1B,eAAgB,GAChB,gBAAiB,GACjB,qBAAsB,GACtB,WAAY,GACZ,uBAAwB,GACxB,mBAAoBrB,GAAU,QAAU,EACxC,qBAAsB,EACtB,kBAAmB,EACnB,cAAe,IAAA,CACf,EAGKyB,EAAmBC,EAAAA,QAAQ,IAC5B,CAAC1B,GAAYA,EAAS,SAAW,EAAU,CAAA,EACxC,CAAC,GAAGA,CAAQ,EAAE,QAAA,EACnB,CAACA,CAAQ,CAAC,EAEP2B,EAAiBC,EAAAA,kBAAkBN,EAAWE,CAAW,EAE/DK,EAAAA,oBAAoB9B,EAAc,IAAMuB,EAAU,OAAQ,EAE1DQ,EAAAA,sBACCR,EACAE,EACAC,EAAiB,OACjBE,CAAA,EAGDI,EAAAA,iBAAiBP,CAAW,EAE5BQ,EAAAA,yBAAyBV,EAAWE,EAAaC,EAAiB,MAAM,EAExEQ,EAAAA,2BACCX,EACAE,EACAxB,EAAS,OACT2B,CAAA,EAGDO,EAAAA,iCACClC,IAAW,CAAC,EACZwB,EACAG,EACAf,CAAA,EAGD,MAAMuB,EAAeC,EAAAA,iBACpBZ,EACAjB,EAAc,aACdA,EAAc,SACdM,CAAA,EAIKwB,EAAgBC,EAAAA,YACpBC,GACO,GAAQA,GAAWtC,GAAQsC,EAAQ,MAAM,MAAQtC,EAAK,KAE9D,CAACA,CAAI,CAAA,EAIAuC,EAAmBF,EAAAA,YACxB,CAACC,EAAmBE,IACdhC,EACDC,EAAkC,GAG/B,CAAC+B,GAAeA,EAAY,KAAK,MAAQF,EAAQ,KAAK,IAJjC,GAM7B,CAAC9B,EAAgBC,CAAyB,CAAA,EAIrCgC,EAAsBJ,EAAAA,YAC3B,CAACC,EAAmBI,EAA4BF,IAA2B,CAC1E,MAAMG,EAAWP,EAAcE,CAAO,EAAI,QAAU,OAE9CM,EAAqC,CAC1C,eAAgBN,EAChB,gBAAAI,EACA,YAAAF,EACA,SAAAG,EACA,KAAA3C,EACA,GAAGgB,CAAA,EAIJ,OAAIf,EACIA,EAAa2C,CAAW,EAK/BC,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,SAAU/B,IAAYC,EAAAA,kBAAkB,SAAW,MAAQ,MAC3D,MAAO,cACP,GAAID,IAAYC,EAAAA,kBAAkB,SAC/B,CAAE,SAAU,OAAA,EACZ,CAAA,EACH,QAAS,WACT,aAAcD,IAAYC,EAAAA,kBAAkB,SAAW,GAAK,EAC5D,OACC4B,IAAa,QAAU7B,IAAYC,EAAAA,kBAAkB,SAClD,+BACA,OACJ,gBACC4B,IAAa,QACV7B,IAAYC,EAAAA,kBAAkB,SAC7B+B,EAAAA,OAAO,WAAW,UAClBA,EAAAA,OAAO,WAAW,WACnBhC,IAAYC,EAAAA,kBAAkB,SAC9B+B,EAAAA,OAAO,WAAW,UAClBA,SAAO,WAAW,SACtB,MAAOA,EAAAA,OAAO,QAAQ,QACtB,UAAW,YAAA,EAGZ,SAAAD,EAAAA,IAACE,EAAAA,cAAA,CAAe,SAAAT,EAAQ,IAAA,CAAK,CAAA,CAAA,CAGhC,EACA,CAACF,EAAepC,EAAMC,EAAce,CAAU,CAAA,EAIzCgC,EAAsBX,EAAAA,YAC3B,CAACC,EAAmBI,EAA4BF,IAA2B,CAG1E,GAAI,CAFeD,EAAiBD,EAASE,CAAW,EAEvC,OAAO,KAExB,MAAMG,EAAWP,EAAcE,CAAO,EAAI,QAAU,OAapD,OAAOpC,EAAeA,EAXqB,CAC1C,eAAgBoC,EAChB,gBAAAI,EACA,YAAAF,EACA,SAAAG,EACA,KAAA3C,EACA,kBAAAO,EACA,eAAAC,EACA,0BAAAC,CAAA,CAG6C,EAAI,IACnD,EACA,CACC8B,EACAH,EACApC,EACAO,EACAC,EACAC,EACAP,CAAA,CACD,EAID,MAAI,CAACH,GAAYA,EAAS,SAAW,EAC7BM,EAAkBwC,EAAAA,IAAAI,EAAAA,SAAA,CAAG,SAAA5C,EAAA,CAAgB,CAAE,EAAM,KAIpD6C,EAAAA,KAAC,MAAA,CACA,IAAK7B,EACL,MAAO,CACN,KAAM,EACN,UAAW,OACX,UAAW,SACX,QAAS,OACT,cAAe,SACf,GAAGf,EAAc,KAAA,EAElB,SAAU4B,EAGV,SAAA,CAAAW,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,KAAM,YAAc,EAElCA,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,KAAM,UAAA,EAGN,SAAArB,EAAiB,IAAI,CAACc,EAASa,IAAU,CACzC,MAAMR,EAAWP,EAAcE,CAAO,EAAI,QAAU,OAC9CI,EAAkBlB,EAAiB2B,EAAQ,CAAC,EAC5CX,EAAchB,EAAiB2B,EAAQ,CAAC,EACxCC,EAAgB,CAACC,YAAUf,EAASI,CAAe,EACnDY,EAAYC,EAAAA,oBAAoBjB,EAASK,CAAQ,EACjDa,EAAaC,EAAAA,kBAAkBnB,CAAO,EACtCoB,EACLpB,GAAU,YAAiBqB,EAAAA,iBAAiB,MAC5CrB,GAAU,cAAmBqB,EAAAA,iBAAiB,KAEzCC,EACLtB,EAAQ,WAAgBuB,EAAAA,UAAU,aAAa,SAAS,UACxDvB,EAAQ,eACPuB,EAAAA,UAAU,aAAa,KAAK,aAC9B,OACCX,EAAAA,KAACY,EAAAA,QAAM,SAAN,CAIC,SAAA,CAAAV,IACCjD,EACAA,EAAU,CAAE,UAAWmC,EAAQ,SAAA,CAAW,EAE1CO,EAAAA,IAACkB,EAAAA,IAAA,CAAI,UAAWzB,EAAQ,UAAW,QAAAxB,CAAA,CAAkB,GAIvDoC,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,GAAIjC,EAAW,CAAE,OAAQ,OAAA,EAAY,CAAA,EACrC,GAAIuC,EAAa,CAAA,EAAK,CAAE,QAAS,MAAA,EACjC,GAAI1C,IAAYC,EAAAA,kBAAkB,SAC/B,CAACE,GAAYqB,GAAS,MAAM,MAAQ,EACnC,CAAE,WAAY,CAAA,EACd,CAAE,YAAa,CAAA,EAChB,CAAA,EACH,GAAIoB,GAAU,CAACE,GAAiB3C,EAC7B,CAAE,WAAY,EAAG,YAAa,CAAA,EAC9B,CAAA,EACH,eAAgBqC,EAChB,aAAc,CAAA,EAId,SAAA,CAAA,CAACrC,GAAY0B,IAAa,QAC1BE,EAAAA,IAAC,OAAI,MAAO,CAAE,OAAQ,OAAA,EACpB,SAAAG,EAAoBV,EAASI,EAAiBF,CAAW,EAC3D,EAIDK,EAAAA,IAAC,MAAA,CACA,GAAI,kBACHP,EAAQ,KAAO,GAAGa,CAAK,IAAIxC,IAAA,GAA0B,IAAI,EAC1D,GACA,MACCG,IAAYC,EAAAA,kBAAkB,SAC3B,CAAE,MAAO,MAAA,EACTE,GAAYyC,EACZ,CAAE,QAAS,OAAQ,SAAU,CAAA,EAC7B,CAAA,EAGH,SAAAjB,EAAoBH,EAASI,EAAiBF,CAAW,CAAA,CAAA,EAI1D,CAACvB,GAAY0B,IAAa,eACzB,MAAA,CAAI,MAAO,CAAE,OAAQ,SACpB,SAAAK,EAAoBV,EAASI,EAAiBF,CAAW,CAAA,CAC3D,CAAA,CAAA,CAAA,CAEF,CAAA,EAxDKF,EAAQ,KAAO,GAAGa,CAAK,IAAIxC,IAAA,GAA0B,IAAI,EAAA,CA2DjE,CAAC,CAAA,CAAA,CACF,CAAA,CAAA,CAGH,EAEAqD,EAAeC,EAAAA,WACdrE,CACD"}

package/dist/cjs/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\~~t/* Maximum height of the chat messages container in pixels. When set, the container clips overflow and scrolls within that height. /\~~n\~~tmaxHeight?: number;\n\~~t/* Returns true if a message is a non-chat activity (e.g. assignment, status change). Used to break sender stacks for avatar and border-radius logic. /\n\tisActivityMessage?: (message: TMessage) => boolean;\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":"~~gFA0IO~~,IAAKA,GAAAA,IAEXA,EAAA,aAAe,eAEfA,EAAA,aAAe,eAEfA,EAAA,aAAe,eAEfA,EAAA,eAAiB,iBAEjBA,EAAA,YAAc,cAEdA,EAAA,mBAAqB,qBAErBA,EAAA,cAAgB,gBAEhBA,EAAA,kBAAoB,oBAEpBA,EAAA,gBAAkB,kBAlBPA,IAAAA,GAAA,CAAA,CAAA,EAqBMC,GAAAA,IACjBA,EAAA,UAAY,YACZA,EAAA,UAAY,YACZA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,SAAW,WACXA,EAAA,qBAAuB,MACvBA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,iBAAmB,mBACnBA,EAAA,oBAAsB,sBACtBA,EAAA,iBAAmB,mBACnBA,EAAA,eAAiB,iBACjBA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,IAAM,MAjBWA,IAAAA,GAAA,CAAA,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":"gFAsIO,IAAKA,GAAAA,IAEXA,EAAA,aAAe,eAEfA,EAAA,aAAe,eAEfA,EAAA,aAAe,eAEfA,EAAA,eAAiB,iBAEjBA,EAAA,YAAc,cAEdA,EAAA,mBAAqB,qBAErBA,EAAA,cAAgB,gBAEhBA,EAAA,kBAAoB,oBAEpBA,EAAA,gBAAkB,kBAlBPA,IAAAA,GAAA,CAAA,CAAA,EAqBMC,GAAAA,IACjBA,EAAA,UAAY,YACZA,EAAA,UAAY,YACZA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,SAAW,WACXA,EAAA,qBAAuB,MACvBA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,iBAAmB,mBACnBA,EAAA,oBAAsB,sBACtBA,EAAA,iBAAmB,mBACnBA,EAAA,eAAiB,iBACjBA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,IAAM,MAjBWA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/cjs/components/TypographyStyle.js CHANGED Viewed

@@ -48,7 +48,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,y=o.default.div`
+`,h=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.titleSmall.fontWeight};
@@ -58,19 +58,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,S=o.default.div`
-	font-family: Inter;
-	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.titleTiny.fontWeight};
-	font-size: ${i(e.FONTS.titleTiny.fontSize)};
-	line-height: ${i(e.FONTS.titleTiny.lineHeight)};
-	font-variant-numeric: lining-nums tabular-nums;
-	font-feature-settings: 'case' on;
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-	display: -webkit-box;
-	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,h=o.default.div`
+`,O=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.display.fontWeight};
@@ -80,7 +68,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,O=o.default.div`
+`,S=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
@@ -111,7 +99,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,w=o.default.div`
+`,y=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodySecondary.fontWeight};
@@ -127,12 +115,12 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,s=o.default(n)`
+`,w=o.default(n)`
 	text-decoration: underline;
 	color: ${e.COLORS.content.brand};
 	text-decoration-color: ${e.COLORS.content.brand};
 	cursor: pointer;
-`,m=o.default(l)`
+`,s=o.default(l)`
 	text-decoration: underline;
 	color: ${e.COLORS.content.brand};
 	text-decoration-color: ${e.COLORS.content.brand};
@@ -149,7 +137,7 @@
 	-webkit-line-clamp: ${t=>t.numberOfLines};
 	word-break: break-word;
 	overflow-wrap: break-word;
-`,u=o.default.div`
+`,m=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.caption.fontWeight};
@@ -165,7 +153,7 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,p=o.default.div`
+`,u=o.default.div`
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.tiny.fontWeight};
 	font-size: ${i(e.FONTS.tiny.fontSize)};
@@ -174,16 +162,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,T=o.default.div`
-	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.bodyTinySemiBold.fontWeight};
-	font-size: ${i(e.FONTS.bodyTinySemiBold.fontSize)};
-	line-height: ${i(e.FONTS.bodyTinySemiBold.lineHeight)};
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-	display: -webkit-box;
-	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,x=o.default.div`
+`,p=o.default.div`
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.tiny.fontWeight};
 	font-size: ${i(e.FONTS.tiny.fontSize)};
@@ -198,7 +177,7 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,k=o.default.div`
+`,x=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.buttonLarge.fontWeight};
@@ -208,7 +187,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,v=o.default.div`
+`,k=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.buttonLarge.fontWeight};
@@ -224,7 +203,7 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,F=o.default.div`
+`,T=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.buttonRegular.fontWeight};
@@ -244,7 +223,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,N=o.default.div`
+`,F=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodyRegular.fontWeight};
@@ -254,7 +233,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,z=o.default.div`
+`,v=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.caption.fontWeight};
@@ -264,7 +243,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,R=o.default.div`
+`,N=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.textPlaceholder.fontWeight};
@@ -274,7 +253,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,B=o.default.div`
+`,z=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.title4.fontWeight};
@@ -284,7 +263,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,C=o.default.div`
+`,R=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodySmall.fontWeight};
@@ -294,7 +273,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,H=o.default.div`
+`,C=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.captionBold.fontWeight};
@@ -304,7 +283,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,I=o.default.div`
+`,B=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.tiny.fontWeight};
@@ -314,5 +293,5 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`;exports.AiBodyCaption=u;exports.AiBodyTiny=x;exports.BodyCaption=$;exports.BodyLarge=O;exports.BodyPrimary=n;exports.BodyPrimaryLink=s;exports.BodyRegular=N;exports.BodySecondary=l;exports.BodySecondaryLink=m;exports.BodySmall=C;exports.BodyTiny=p;exports.BodyTinySemiBold=T;exports.ButtonLarge=k;exports.ButtonLargeAI=v;exports.ButtonRegular=F;exports.ButtonRegularAI=w;exports.Caption=z;exports.CaptionBold=H;exports.Display=h;exports.SmallRegular=c;exports.SubHeading=L;exports.TextPlaceholder=R;exports.Tiny=I;exports.TitleFour=B;exports.TitleLarge=d;exports.TitleMedium=b;exports.TitleRegular=g;exports.TitleSmall=y;exports.TitleTiny=S;exports.TitleXlarge=f;
+`;exports.AiBodyCaption=m;exports.AiBodyTiny=p;exports.BodyCaption=$;exports.BodyLarge=S;exports.BodyPrimary=n;exports.BodyPrimaryLink=w;exports.BodyRegular=F;exports.BodySecondary=l;exports.BodySecondaryLink=s;exports.BodySmall=R;exports.BodyTiny=u;exports.ButtonLarge=x;exports.ButtonLargeAI=k;exports.ButtonRegular=T;exports.ButtonRegularAI=y;exports.Caption=v;exports.CaptionBold=C;exports.Display=O;exports.SmallRegular=c;exports.SubHeading=L;exports.TextPlaceholder=N;exports.Tiny=B;exports.TitleFour=z;exports.TitleLarge=d;exports.TitleMedium=b;exports.TitleRegular=g;exports.TitleSmall=h;exports.TitleXlarge=f;
 //# sourceMappingURL=TypographyStyle.js.map

package/dist/cjs/components/TypographyStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TypographyStyle.js","sources":["../../../src/components/TypographyStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, FONTS } from '@src/constants/Theme';\n\nconst addPixels = (value?: number) => {\n\tif (value === undefined \|\| value == null) return '';\n\treturn value + 'px';\n};\nexport interface customStyles {\n\tfontWeight?: number;\n\tfontSize?: number;\n\twidth?: number;\n}\n\nexport const TitleXlarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleXLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleXLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleXLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleMedium = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleMedium.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleMedium.fontSize)};\n\tline-height: ${addPixels(FONTS.titleMedium.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SmallRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.titleRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const TitleSmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleSmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleSmall.fontSize)};\n\tline-height: ${addPixels(FONTS.titleSmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleTiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleTiny.fontSize)};\n\tline-height: ${addPixels(FONTS.titleTiny.lineHeight)};\n\tfont-variant-numeric: lining-nums tabular-nums;\n\tfont-feature-settings: 'case' on;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Display = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.display.fontWeight};\n\tfont-size: ${addPixels(FONTS.display.fontSize)};\n\tline-height: ${addPixels(FONTS.display.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodyPrimary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyPrimary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyPrimary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodySecondary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tcustomStyles?: customStyles;\n}>`\n\tfont-family: Inter;\n\twidth: ${(props) => addPixels(props.customStyles?.width)};\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${(props) =>\n\t\tprops.customStyles?.fontWeight \|\| FONTS.bodySecondary.fontWeight};\n\tfont-size: ${(props) =>\n\t\taddPixels(props.customStyles?.fontSize) \|\|\n\t\taddPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonRegularAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tdisabled?: boolean;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySecondary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyPrimaryLink = styled(BodyPrimary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodySecondaryLink = styled(BodySecondary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n`;\n\nexport const AiBodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyTinySemiBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyTinySemiBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyTinySemiBold.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyTinySemiBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const AiBodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonLargeAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\tz-index: 1;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SubHeading = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.subHeading.fontWeight};\n\tfont-size: ${addPixels(FONTS.subHeading.fontSize)};\n\tline-height: ${addPixels(FONTS.subHeading.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Caption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TextPlaceholder = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.textPlaceholder.fontWeight};\n\tfont-size: ${addPixels(FONTS.textPlaceholder.fontSize)};\n\tline-height: ${addPixels(FONTS.textPlaceholder.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleFour = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodySmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySmall.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const CaptionBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.captionBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.captionBold.fontSize)};\n\tline-height: ${addPixels(FONTS.captionBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Tiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n"],"names":["addPixels","value","TitleXlarge","styled","props","COLORS","FONTS","TitleLarge","TitleMedium","SmallRegular","TitleRegular","TitleSmall","TitleTiny","Display","BodyLarge","BodyPrimary","BodySecondary","ButtonRegularAI","BodyPrimaryLink","BodySecondaryLink","BodyCaption","AiBodyCaption","BodyTiny","BodyTinySemiBold","AiBodyTiny","ButtonLarge","ButtonLargeAI","ButtonRegular","SubHeading","BodyRegular","Caption","TextPlaceholder","TitleFour","BodySmall","CaptionBold","Tiny"],"mappings":"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"}
1	+ {"version":3,"file":"TypographyStyle.js","sources":["../../../src/components/TypographyStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, FONTS } from '@src/constants/Theme';\n\nconst addPixels = (value?: number) => {\n\tif (value === undefined \|\| value == null) return '';\n\treturn value + 'px';\n};\nexport interface customStyles {\n\tfontWeight?: number;\n\tfontSize?: number;\n\twidth?: number;\n}\n\nexport const TitleXlarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleXLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleXLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleXLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleMedium = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleMedium.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleMedium.fontSize)};\n\tline-height: ${addPixels(FONTS.titleMedium.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SmallRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.titleRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const TitleSmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleSmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleSmall.fontSize)};\n\tline-height: ${addPixels(FONTS.titleSmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Display = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.display.fontWeight};\n\tfont-size: ${addPixels(FONTS.display.fontSize)};\n\tline-height: ${addPixels(FONTS.display.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodyPrimary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyPrimary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyPrimary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodySecondary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tcustomStyles?: customStyles;\n}>`\n\tfont-family: Inter;\n\twidth: ${(props) => addPixels(props.customStyles?.width)};\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${(props) =>\n\t\tprops.customStyles?.fontWeight \|\| FONTS.bodySecondary.fontWeight};\n\tfont-size: ${(props) =>\n\t\taddPixels(props.customStyles?.fontSize) \|\|\n\t\taddPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonRegularAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tdisabled?: boolean;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySecondary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyPrimaryLink = styled(BodyPrimary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodySecondaryLink = styled(BodySecondary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n`;\n\nexport const AiBodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const AiBodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonLargeAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\tz-index: 1;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SubHeading = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.subHeading.fontWeight};\n\tfont-size: ${addPixels(FONTS.subHeading.fontSize)};\n\tline-height: ${addPixels(FONTS.subHeading.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Caption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TextPlaceholder = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.textPlaceholder.fontWeight};\n\tfont-size: ${addPixels(FONTS.textPlaceholder.fontSize)};\n\tline-height: ${addPixels(FONTS.textPlaceholder.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleFour = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodySmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySmall.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const CaptionBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.captionBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.captionBold.fontSize)};\n\tline-height: ${addPixels(FONTS.captionBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Tiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n"],"names":["addPixels","value","TitleXlarge","styled","props","COLORS","FONTS","TitleLarge","TitleMedium","SmallRegular","TitleRegular","TitleSmall","Display","BodyLarge","BodyPrimary","BodySecondary","ButtonRegularAI","BodyPrimaryLink","BodySecondaryLink","BodyCaption","AiBodyCaption","BodyTiny","AiBodyTiny","ButtonLarge","ButtonLargeAI","ButtonRegular","SubHeading","BodyRegular","Caption","TextPlaceholder","TitleFour","BodySmall","CaptionBold","Tiny"],"mappings":"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"}