npm - @bikdotai/bik-component-library - Versions diffs - 0.0.829-beta.1 → 0.0.829 - Mend

@bikdotai/bik-component-library 0.0.829-beta.1 → 0.0.829

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

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

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

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\tconst isGmail =\n\t\tmessage?.channelId === MESSAGE_CHANNELS.GMAIL \|\|\n\t\tmessage?.channelName === MESSAGE_CHANNELS.GMAIL;\n\n\t// CRM-4796/4797: on mobile, regular chat bubbles hug their content so the\n\t// agent(right)/customer(left) alignment and the bottom-right time are\n\t// visible. Email (SMTP/Gmail) bubbles are excluded — they stay full-width\n\t// and left-aligned with the time shown in the mail header.\n\tconst hugContentOnMobile = isMobile && !isManifestApp && !isSmtp && !isGmail;\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: hugContentOnMobile ? 0 : isMobile ? 1 : 0,\n\t\t\twidth: '100%',\n\t\t};\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// CRM-4796: non-email mobile bubbles hug content (no full-width),\n\t\t\t\t\t// so only email/desktop-email keep maxWidth 100%.\n\t\t\t\t\t...(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\thugContentOnMobile,\n\t\tisSmtp,\n\t\tisGmail,\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: hugContentOnMobile ? 0 : 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","isGmail","hugContentOnMobile","wrapperStyles","baseStyles","dynamicStyles","COLORS","isUnsatisfactory","extraBubbleStyles","renderContent","useCallback","manifestContainerStyle","extraContainerStyle","jsx","jsxs","Bubble","React"],"mappings":"6XAQMA,EACLC,GACwB,CACxB,KAAM,CACL,eAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,2BAAAC,EACA,QAAAC,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,EAAUC,EAAAA,kBAAkB,GAAA,EACzBd,EAEEe,EAAWC,EAAAA,cAAA,EACXC,EAAUhB,EACViB,EAAgBL,IAAYC,EAAAA,kBAAkB,SAG9CK,EAAgBC,EAAAA,QACrB,IACCH,EAAQ,WAAaI,EAAAA,UAAU,aAAa,SAAS,UACrDJ,EAAQ,eAAiBI,EAAAA,UAAU,aAAa,KAAK,aACtD,CAACJ,EAAQ,SAAUA,EAAQ,YAAY,CAAA,EAIlCK,EAAoBF,EAAAA,QAAQ,IAAM,CACvC,KAAM,CAACG,EAAoBC,CAAa,EAAIC,EAAAA,mBAC3CR,GAAS,OAAA,EAEV,OAAOM,GAAsBC,GAAiB,MAAM,QAAQA,CAAa,CAC1E,EAAG,CAACP,GAAS,OAAO,CAAC,EACfS,EACLT,GAAS,YAAcU,EAAAA,iBAAiB,MACxCV,GAAS,cAAgBU,EAAAA,iBAAiB,KACrCC,EACLX,GAAS,YAAcU,EAAAA,iBAAiB,OACxCV,GAAS,cAAgBU,EAAAA,iBAAiB,MAMrCE,EAAqBd,GAAY,CAACG,GAAiB,CAACQ,GAAU,CAACE,EAI/DE,EAAgBV,EAAAA,QAAQ,IAA2B,CACxD,MAAMW,EAAkC,CACvC,aAAc,EACd,UAAW,GACX,OAAQ,EACR,SAAUF,EAAqB,EAAId,EAAW,EAAI,EAClD,MAAO,MAAA,EAGR,IAAIiB,EAAqC,CAAA,EAEzC,GAAId,EACH,OAAIhB,IAAa,OAChB8B,EACCpB,GAAgB,OAAOA,EAAa,MAAS,SAC1CA,EAAa,KACb,CAAA,EAEJoB,EACCpB,GAAgB,OAAOA,EAAa,OAAU,SAC3CA,EAAa,MACb,CAAA,EAEE,CAAE,GAAGoB,CAAA,EAEZ,GAAI9B,IAAa,OAChB8B,EAAgB,CAGf,GAAIJ,GAAWF,EAAS,CAAE,SAAU,MAAA,EAAW,CAAA,EAC/C,GAAIP,EACD,CACA,WAAYc,EAAAA,OAAO,WAAW,QAAQ,KAAA,EAEtC,CACA,gBAAiBhB,GAAS,cACvBgB,EAAAA,OAAO,WAAW,KAAK,MACvBA,EAAAA,OAAO,WAAW,IAAA,CACrB,MAEE,CACN,MAAMC,EACL1B,GACAA,EAA0B,CACzB,UAAWS,EAAQ,iBAAiB,UACpC,2BAAAR,CAAA,CACA,EAEFuB,EAAgB,CACf,gBACCf,EAAQ,SAAW,UAAYiB,EAC5BD,EAAAA,OAAO,WAAW,SAAS,MAC3BA,EAAAA,OAAO,WAAW,gBACtB,GAAId,EACD,CACA,WAAYc,EAAAA,OAAO,WAAW,QAAQ,KAAA,EAEtC,CAAA,EACH,GAAI,CAAClB,GAAYO,EAAoB,CAAE,SAAU,GAAA,EAAQ,CAAA,CAAC,CAE5D,CAED,MAAMa,EACLvB,GAAgB,OAAOA,GAAiB,SACrC,SAAUA,GAAgB,UAAWA,EACpCV,IAAa,OACXU,EAAgD,MAAQ,CAAA,EACxDA,EAAiD,OAAS,CAAA,EAC3DA,EACF,CAAA,EAEJ,MAAO,CAAE,GAAGmB,EAAY,GAAGC,EAAe,GAAGG,CAAA,CAC9C,EAAG,CACFlB,GAAS,UACTA,GAAS,YACTA,GAAS,MAAM,OACfA,GAAS,OACTA,GAAS,iBAAiB,UAC1Bf,EACAa,EACAI,EACAG,EACAd,EACAC,EACAQ,GAAS,cACTL,EACAM,EACAW,EACAH,EACAE,CAAA,CACA,EAIKQ,EAAgBC,EAAAA,YAAY,WAE/B,MAAA,CACC,SAAA,CAAA,CAAC9B,GAAsBD,IAAmBN,CAAK,EAE/CG,IAAoBH,CAAK,EAEzBO,GAAsBD,IAAmBN,CAAK,CAAA,EAChD,EAEC,CAACO,EAAoBD,EAAkBH,EAAmBH,CAAK,CAAC,EAE7DsC,EAAyBlB,EAAAA,QAAQ,IAClC,CAACF,GAAiB,OAAOP,GAAmB,SAAiB,CAAA,EAEhET,IAAa,QACb,SAAUS,GACVA,EAAe,MACf,OAAOA,EAAe,MAAS,SAExBA,EAAe,KAGtBT,IAAa,SACb,UAAWS,GACXA,EAAe,OACf,OAAOA,EAAe,OAAU,SAEzBA,EAAe,MAEhB,CAAA,EACL,CAACO,EAAeP,EAAgBT,CAAQ,CAAC,EAEtCqC,EACL,CAACrB,GAAiBP,GAAkB,OAAOA,GAAmB,SAC3D,SAAUA,GAAkB,UAAWA,EACtCT,IAAa,OACXS,EAAkD,MAAQ,CAAA,EAC1DA,EAAmD,OAAS,GAC7DA,EACF,CAAA,EAEJ,OACC6B,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,UAAWtB,EAAgB,EAAI,EAC/B,aAAcA,EACX,EACAjB,GAAiB,oBAAuB,WAAW,OAAS,EAC5D,GACA,EACH,SAAU4B,EAAqB,EAAId,EAAW,EAAI,EAClD,GAAIG,EACD,CACA,WAAY,WACZ,GAAIhB,IAAa,QAAU,CAAE,OAAQ,SAAA,EAAc,CAAA,CAAC,EAEpD,CAAA,EACH,GAAGoC,EACH,GAAGC,CAAA,EAEH,GAAIrB,EAAgB,CAAE,QAASR,CAAA,EAAY,CAAA,EAE5C,SAAA8B,EAAAA,IAAC,MAAA,CAAI,MAAOV,EACX,gBAAC,MAAA,CAEA,SAAA,CAAAU,EAAAA,IAAC,MAAA,CACA,GACCvC,EAAe,gBACf,WAAWA,EAAe,MAAS,GAGnC,SAAAmC,EAAA,CAAc,CAAA,EAMhBK,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,UAAA,EAGhB,SAAA,CAAApC,IAAaL,CAAK,EAClBI,IAAcH,CAAc,CAAA,CAAA,CAAA,CAC9B,CAAA,CACD,CAAA,CACD,CAAA,CAAA,CAGH,EAGayC,EAASC,EAAAA,QAAM,KAAK5C,CAAe"}
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":"6XAQMA,EACLC,GACwB,CACxB,KAAM,CACL,eAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,2BAAAC,EACA,QAAAC,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,EAAUC,EAAAA,kBAAkB,GAAA,EACzBd,EAEEe,EAAWC,EAAAA,cAAA,EACXC,EAAUhB,EACViB,EAAgBL,IAAYC,EAAAA,kBAAkB,SAG9CK,EAAgBC,EAAAA,QACrB,IACCH,EAAQ,WAAaI,EAAAA,UAAU,aAAa,SAAS,UACrDJ,EAAQ,eAAiBI,EAAAA,UAAU,aAAa,KAAK,aACtD,CAACJ,EAAQ,SAAUA,EAAQ,YAAY,CAAA,EAIlCK,EAAoBF,EAAAA,QAAQ,IAAM,CACvC,KAAM,CAACG,EAAoBC,CAAa,EAAIC,EAAAA,mBAC3CR,GAAS,OAAA,EAEV,OAAOM,GAAsBC,GAAiB,MAAM,QAAQA,CAAa,CAC1E,EAAG,CAACP,GAAS,OAAO,CAAC,EAGfS,EAAgBN,EAAAA,QAAQ,IAA2B,CACxD,MAAMO,EAAkC,CACvC,aAAc,EACd,UAAW,GACX,OAAQ,EACR,SAAUZ,EAAW,EAAI,CAAA,EAIpBa,EACLX,GAAS,YAAcY,EAAAA,iBAAiB,OACxCZ,GAAS,cAAgBY,EAAAA,iBAAiB,MACrCC,EACLb,GAAS,YAAcY,EAAAA,iBAAiB,MACxCZ,GAAS,cAAgBY,EAAAA,iBAAiB,KAE3C,IAAIE,EAAqC,CAAA,EAEzC,GAAIb,EACH,OAAIhB,IAAa,OAChB6B,EACCnB,GAAgB,OAAOA,EAAa,MAAS,SAC1CA,EAAa,KACb,CAAA,EAEJmB,EACCnB,GAAgB,OAAOA,EAAa,OAAU,SAC3CA,EAAa,MACb,CAAA,EAEE,CAAE,GAAGmB,CAAA,EAEZ,GAAI7B,IAAa,OAChB6B,EAAgB,CACf,GAAIhB,GAAYa,GAAWE,EAAS,CAAE,SAAU,MAAA,EAAW,CAAA,EAC3D,GAAIX,EACD,CACA,WAAYF,GAAS,MAAM,OACxB,mDACAe,EAAAA,OAAO,WAAW,QAAQ,KAAA,EAE7B,CACA,gBAAiBf,GAAS,cACvBe,EAAAA,OAAO,WAAW,KAAK,MACvBA,EAAAA,OAAO,QAAQ,OAAA,CAClB,MAEE,CACN,MAAMC,EACLzB,GACAA,EAA0B,CACzB,UAAWS,EAAQ,iBAAiB,UACpC,2BAAAR,CAAA,CACA,EAEFsB,EAAgB,CACf,gBACCd,EAAQ,SAAW,UAAYgB,EAC5BD,EAAAA,OAAO,WAAW,SAAS,MAC3BA,EAAAA,OAAO,WAAW,eACtB,GAAIb,EACD,CACA,WAAYF,GAAS,MAAM,OACxB,mDACAe,EAAAA,OAAO,WAAW,QAAQ,KAAA,EAE7B,CAAA,EACH,GAAI,CAACjB,GAAYO,EAAoB,CAAE,SAAU,GAAA,EAAQ,CAAA,CAAC,CAE5D,CAED,MAAO,CAAE,GAAGK,EAAY,GAAGI,CAAA,CAC5B,EAAG,CACFd,GAAS,UACTA,GAAS,YACTA,GAAS,MAAM,OACfA,GAAS,OACTA,GAAS,iBAAiB,UAC1Bf,EACAa,EACAI,EACAG,EACAd,EACAC,EACAQ,GAAS,cACTL,EACAM,CAAA,CACA,EAIKgB,EAAgBC,EAAAA,YAAY,WAE/B,MAAA,CACC,SAAA,CAAA,CAAC5B,GAAsBD,IAAmBN,CAAK,EAE/CG,IAAoBH,CAAK,EAEzBO,GAAsBD,IAAmBN,CAAK,CAAA,EAChD,EAEC,CAACO,EAAoBD,EAAkBH,EAAmBH,CAAK,CAAC,EAE7DoC,EAAyBhB,EAAAA,QAAQ,IAClC,CAACF,GAAiB,OAAOP,GAAmB,SAAiB,CAAA,EAEhET,IAAa,QACb,SAAUS,GACVA,EAAe,MACf,OAAOA,EAAe,MAAS,SAExBA,EAAe,KAGtBT,IAAa,SACb,UAAWS,GACXA,EAAe,OACf,OAAOA,EAAe,OAAU,SAEzBA,EAAe,MAEhB,CAAA,EACL,CAACO,EAAeP,EAAgBT,CAAQ,CAAC,EAE5C,OACCmC,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,UAAWnB,EAAgB,EAAI,EAC/B,aAAcA,EACX,EACAjB,GAAiB,oBAAuB,WAAW,OAAS,EAC5D,GACA,EACH,SAAUc,EAAW,EAAI,EACzB,GAAIG,EACD,CACA,WAAY,WACZ,GAAIhB,IAAa,QAAU,CAAE,OAAQ,SAAA,EAAc,CAAA,CAAC,EAEpD,CAAA,EACH,GAAGkC,CAAA,EAEH,GAAIlB,EAAgB,CAAE,QAASR,CAAA,EAAY,CAAA,EAE5C,SAAA2B,EAAAA,IAAC,MAAA,CAAI,MAAOX,EACX,gBAAC,MAAA,CAEA,SAAA,CAAAW,EAAAA,IAAC,MAAA,CACA,GACCpC,EAAe,gBACf,WAAWA,EAAe,MAAS,GAGnC,SAAAiC,EAAA,CAAc,CAAA,EAIhBI,EAAAA,KAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,WAChB,WAAY,MAAA,EAGZ,SAAA,CAAAjC,IAAaL,CAAK,EAClBI,IAAcH,CAAc,CAAA,CAAA,CAAA,CAC9B,CAAA,CACD,CAAA,CACD,CAAA,CAAA,CAGH,EAGasC,EAASC,EAAAA,QAAM,KAAKzC,CAAe"}

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

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