@usechat/react-native 1.0.15 → 1.0.16
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.
- package/dist/index.js +167 -167
- package/dist/index.mjs +196 -196
- package/package.json +18 -15
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
var ke={isInitialized:!1,projectId:null,error:null},Ks=M=>{ke={isInitialized:!0,projectId:M,error:null}},
|
|
2
|
+
var ke={isInitialized:!1,projectId:null,error:null},Ks=M=>{ke={isInitialized:!0,projectId:M,error:null}},qs=M=>{ke={isInitialized:!1,projectId:null,error:M}};var Ka=()=>({...ke}),It=()=>{if(ke.error)throw new Error(`UseChat SDK initialization failed: ${ke.error}
|
|
3
3
|
|
|
4
4
|
Please call initChat() with a valid project ID before using any UseChat components or hooks.
|
|
5
5
|
|
|
@@ -11,39 +11,39 @@ Please call initChat() with a valid project ID before using any UseChat componen
|
|
|
11
11
|
|
|
12
12
|
Example:
|
|
13
13
|
import { initChat } from '@usechat/react-native';
|
|
14
|
-
await initChat({ projectId: 'your-project-id' });`)}
|
|
14
|
+
await initChat({ projectId: 'your-project-id' });`)},qa=()=>(It(),ke.projectId),Ya=()=>ke.isInitialized&&!ke.error;var $a=async M=>{let{projectId:R,debug:T=!1}=M;if(!R){let C="Project ID is required";throw qs(C),new Error(C)}return T&&console.log(`[UseChat SDK] Initializing with projectId: ${R}`),Ks(R),T&&console.log(`[UseChat SDK] Successfully initialized with projectId: ${R}`),{success:!0,message:"Chat SDK initialized",projectId:R,activatedAt:new Date().toISOString()}};import Xs,{useState as Qo,useRef as Zs,useCallback as vt}from"react";import{View as Mt,StyleSheet as Sn}from"react-native";import{createContext as Za,useContext as Qa}from"react";import{StyleSheet as en}from"react-native";import{KeyboardProvider as Mn,KeyboardAvoidingView as Cn}from"react-native-keyboard-controller";import{createContext as Ja,useContext as $s,useState as Xa,useCallback as Ys}from"react";var Ga={"input.placeholder":"Type a message...","search.placeholder":"Search chats...","status.online":"Online","status.offline":"Offline","status.typing":"typing...","message.deleted":"This message was deleted","message.sending":"Sending...","message.sent":"Sent","message.delivered":"Delivered","message.read":"Read","message.failed":"Failed to send","action.reply":"Reply","action.copy":"Copy","action.delete":"Delete","action.cancel":"Cancel","action.send":"Send","action.clear":"Clear","action.clearAll":"Clear All","attachment.add":"Add attachment","attachment.remove":"Remove","attachment.clear":"Clear","attachment.attachments":"Attachments:","accessibility.back":"Go back","accessibility.send":"Send message","accessibility.attach":"Add attachment","accessibility.emoji":"Add emoji","accessibility.videoCall":"Start video call","accessibility.voiceCall":"Start voice call","accessibility.info":"Chat info","accessibility.search":"Search chats","accessibility.typing":"Someone is typing","error.fileTooLarge":"File is too large","error.invalidFileType":"Invalid file type","error.maxAttachments":"Maximum attachments reached","error.networkError":"Network error occurred","time.justNow":"Just now","time.minutesAgo":"{{count}} min ago","time.hoursAgo":"{{count}}h ago","time.daysAgo":"{{count}}d ago","time.weeksAgo":"{{count}}w ago","time.monthsAgo":"{{count}}mo ago","time.yearsAgo":"{{count}}y ago","date.today":"Today","date.yesterday":"Yesterday","date.todayWithTime":"Today {{time}}","date.yesterdayWithTime":"Yesterday {{time}}"},_a={"input.placeholder":"Napisz wiadomo\u015B\u0107...","search.placeholder":"Szukaj czat\xF3w...","status.online":"Online","status.offline":"Offline","status.typing":"pisze...","message.deleted":"Ta wiadomo\u015B\u0107 zosta\u0142a usuni\u0119ta","message.sending":"Wysy\u0142anie...","message.sent":"Wys\u0142ano","message.delivered":"Dostarczono","message.read":"Przeczytano","message.failed":"Nie uda\u0142o si\u0119 wys\u0142a\u0107","action.reply":"Odpowiedz","action.copy":"Kopiuj","action.delete":"Usu\u0144","action.cancel":"Anuluj","action.send":"Wy\u015Blij","action.clear":"Wyczy\u015B\u0107","action.clearAll":"Wyczy\u015B\u0107 wszystko","attachment.add":"Dodaj za\u0142\u0105cznik","attachment.remove":"Usu\u0144","attachment.clear":"Wyczy\u015B\u0107","attachment.attachments":"Za\u0142\u0105czniki:","accessibility.back":"Wr\xF3\u0107","accessibility.send":"Wy\u015Blij wiadomo\u015B\u0107","accessibility.attach":"Dodaj za\u0142\u0105cznik","accessibility.emoji":"Dodaj emoji","accessibility.videoCall":"Rozpocznij wideorozmow\u0119","accessibility.voiceCall":"Rozpocznij rozmow\u0119 g\u0142osow\u0105","accessibility.info":"Informacje o czacie","accessibility.search":"Szukaj czat\xF3w","accessibility.typing":"Kto\u015B pisze","error.fileTooLarge":"Plik jest za du\u017Cy","error.invalidFileType":"Nieprawid\u0142owy typ pliku","error.maxAttachments":"Osi\u0105gni\u0119to maksymaln\u0105 liczb\u0119 za\u0142\u0105cznik\xF3w","error.networkError":"Wyst\u0105pi\u0142 b\u0142\u0105d sieci","time.justNow":"W\u0142a\u015Bnie teraz","time.minutesAgo":"{{count}} min temu","time.hoursAgo":"{{count}}h temu","time.daysAgo":"{{count}}d temu","time.weeksAgo":"{{count}}t temu","time.monthsAgo":"{{count}}mies temu","time.yearsAgo":"{{count}}l temu","date.today":"Dzisiaj","date.yesterday":"Wczoraj","date.todayWithTime":"Dzisiaj {{time}}","date.yesterdayWithTime":"Wczoraj {{time}}"},So={en:Ga,pl:_a},Ut=M=>So[M]||So.en,wo=M=>M==="en"||M==="pl";var _o=Ja(void 0),Io=({children:M,locale:R="en",fallbackLocale:T="en"})=>{let[C,S]=Xa(R),V=Ys((D,E={})=>{let B=Ut(C)[D];return!B&&C!==T&&(B=Ut(T)[D]),B?B.replace(/\{\{(\w+)\}\}/g,(k,A)=>E[A]?.toString()||k):(console.warn(`Translation missing for key: ${D} in locale: ${C}`),D)},[C,T]),I=Ys(D=>{wo(D)?S(D):(console.warn(`Unsupported locale: ${D}. Falling back to 'en'`),S("en"))},[]),P={t:V,locale:C,setLocale:I};return<_o.Provider value={P}>
|
|
15
15
|
{M}
|
|
16
|
-
</_o.Provider>},
|
|
17
|
-
<
|
|
18
|
-
<
|
|
19
|
-
<
|
|
16
|
+
</_o.Provider>},Gs=()=>{let M=$s(_o);if(!M)throw new Error("useTranslation must be used within an I18nProvider");return M},Te=()=>{let M=$s(_o);return M?M.t:R=>R};var _s=Za(null),Tn=({children:M,config:R={},locale:T="en"})=>{let C={keyboardBehavior:"padding",keyboardVerticalOffset:60,enableReactionDetails:!0,enableMessageActions:!0,enableScrollToBottom:!0,enableTypingIndicator:!0,...R};return<Io locale={T}>
|
|
17
|
+
<_s.Provider value={{config:C}}>
|
|
18
|
+
<Mn>
|
|
19
|
+
<Cn behavior={C.keyboardBehavior}style={[Rn.keyboardContainer]}keyboardVerticalOffset={C.keyboardVerticalOffset}>
|
|
20
20
|
{}
|
|
21
21
|
{M}
|
|
22
|
-
</
|
|
23
|
-
</
|
|
24
|
-
</
|
|
25
|
-
</Io>},Jo=
|
|
26
|
-
{N||<Mt style={
|
|
22
|
+
</Cn>
|
|
23
|
+
</Mn>
|
|
24
|
+
</_s.Provider>
|
|
25
|
+
</Io>},Jo=Tn,Kt=()=>{let M=Qa(_s);if(!M)throw new Error("useChatConfig must be used within a ChatProvider");return M.config},Rn=en.create({container:{flex:1},keyboardContainer:{flex:1,overflow:"hidden"}});import{useState as Xo,useCallback as qt}from"react";var Yt=(M={})=>{let{uploader:R,maxAttachments:T=10,maxFileSize:C=10*1024*1024,allowedTypes:S=["image/*","application/pdf","text/*"],onAttachmentAdd:V,onAttachmentRemove:I,onAttachmentUpload:P}=M,[D,E]=Xo([]),[v,B]=Xo(!1),[k,A]=Xo(0),z=qt(N=>{if(D.length>=T){console.warn(`Maximum ${T} attachments allowed`);return}if(N.data?.size&&N.data.size>C){console.warn(`File size exceeds ${C/(1024*1024)}MB limit`);return}if(N.data?.type&&!S.some(re=>re.endsWith("/*")?N.data.type.startsWith(re.slice(0,-1)):N.data.type===re)){console.warn(`File type ${N.data.type} not allowed`);return}let F={...N,id:N.id||`att_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,uploadStatus:"pending",uploadProgress:0};E(_=>[..._,F]),V&&V(F)},[D.length,T,C,S,V]),L=qt(N=>{E(F=>F.filter(_=>_.id!==N)),I&&I(N)},[I]),O=qt(()=>{E([])},[]),j=qt(async N=>{try{let F;switch(N){case"image":F={type:"image",data:{uri:"mock-image-uri",width:800,height:600,fileName:"image.jpg",fileSize:1024*1024}};break;case"document":F={type:"document",data:{uri:"mock-document-uri",name:"document.pdf",size:2048*1024,mimeType:"application/pdf"}};break;case"location":F={type:"location",data:{coordinates:{latitude:0,longitude:0},address:"Mock Address",timestamp:Date.now()}};break;case"contact":F={type:"contact",data:{id:"contact-1",name:"John Doe",phoneNumbers:["+1234567890"],emails:["john@example.com"]}};break;default:throw new Error(`Unsupported attachment type: ${N}`)}let _={id:`att_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,type:N,data:F.data,fileName:F.data.fileName||F.data.name,fileSize:F.data.fileSize||F.data.size,mimeType:F.data.mimeType,uploadStatus:"pending",uploadProgress:0};z(_)}catch(F){console.error("Error opening picker:",F)}},[z]),H=qt(async()=>{if(!R)return console.warn("No uploader provided, skipping upload"),D;if(D.length===0)return[];B(!0),A(0);try{let N=D.map(async(J,Me)=>{try{E(Ie=>Ie.map(W=>W.id===J.id?{...W,uploadStatus:"uploading",uploadProgress:0}:W));let Z=setInterval(()=>{E(Ie=>Ie.map(W=>W.id===J.id?{...W,uploadProgress:Math.min((W.uploadProgress??0)+10,90)}:W))},100),ne=await R.upload(J.data);clearInterval(Z);let oe={...J,uploadStatus:"completed",uploadProgress:100,data:{...J.data,url:ne.url,metadata:ne.metadata}};return E(Ie=>Ie.map(W=>W.id===J.id?oe:W)),oe}catch(Z){return console.error(`Error uploading attachment ${J.id}:`,Z),E(ne=>ne.map(oe=>oe.id===J.id?{...oe,uploadStatus:"failed",uploadProgress:0}:oe)),{...J,uploadStatus:"failed",uploadProgress:0}}}),F=await Promise.all(N),re=F.filter(J=>J.uploadStatus==="completed").length/F.length*100;return A(re),P&&P(F),F}catch(N){return console.error("Error uploading attachments:",N),D}finally{B(!1)}},[D,R,P]);return{attachments:D,openPicker:j,addAttachment:z,removeAttachment:L,clearAttachments:O,uploadAttachments:H,isUploading:v,uploadProgress:k}};import{useState as Zo,useCallback as Qe}from"react";var Js=(M={})=>{let{onSend:R,onFocus:T,initialValue:C="",maxLength:S=1e3}=M,[V,I]=Zo(C),[P,D]=Zo(40),[E,v]=Zo(!1),B=Qe(H=>{H.length<=S&&I(H)},[S]),k=Qe(H=>{if(!V.trim()&&(!H||H.length===0))return;let N=V.trim();R&&R(N,H),I(""),D(40)},[V,R]),A=Qe(()=>{v(!0),T&&T()},[T]),z=Qe(()=>{v(!1)},[]),L=Qe(H=>{D(Math.max(40,Math.min(H,120)))},[]),O=Qe(()=>{I(""),D(40)},[]),j=Qe(H=>{I(H)},[]);return{message:V,composerHeight:P,isFocused:E,handleTextChange:B,handleSend:k,handleFocus:A,handleBlur:z,handleContentSizeChange:L,clearMessage:O,setMessage:j}};var wn=({messages:M,components:R={},renderProps:T={},onMessageSend:C,onReactionAdd:S,onReactionRemove:V,onMessageDelete:I,onActionPress:P,attachmentUploader:D,maxAttachments:E=10,maxFileSize:v=10*1024*1024,allowedFileTypes:B=["image/*","application/pdf","text/*"],enableReactionDetails:k,enableMessageActions:A=!0,enableScrollToBottom:z,enableTypingIndicator:L,isTyping:O=!1,typingUserName:j,isLoading:H=!1,loadingComponent:N})=>{let F=Kt(),[_,re]=Qo(!1),J=R.MessageList||He,Me=R.MessageInput||Oe,Z=k??F.enableReactionDetails??!0,ne=A??F.enableMessageActions??!0,oe=z??F.enableScrollToBottom??!0,Ie=L??F.enableTypingIndicator??!0,[W,ve]=Qo(null),Ce=Zs(null),[Xe,Q]=Qo(M||[]),Pe=Zs((M||[]).length+1);Xs.useEffect(()=>{M&&(Q(M),Pe.current=M.length+1)},[M]),Xs.useEffect(()=>{if(W&&Ce.current){let U=setTimeout(()=>{Ce.current?.focus()},150);return()=>clearTimeout(U)}},[W]);let ze=Yt({uploader:D,maxAttachments:E,maxFileSize:v,allowedTypes:B}),ee=Js({onSend:(U,Y)=>{if(W){let $={id:W.id,text:W.text,senderName:W.senderName,senderId:W.senderId,isMe:W.isMe,timestamp:W.timestamp,type:W.type==="image"?"image":"text",imageData:W.imageData};if(Y&&Y.length>0){let K=Y[0],te={id:Pe.current++,text:U.trim(),isMe:!0,timestamp:new Date().toISOString(),status:"sent",replyTo:$,attachments:Y,type:K.type==="image"?"image":"text",...K.type==="image"&&K.data&&{imageData:{uri:K.data.uri||"",width:K.data.width||300,height:K.data.height||200,fileName:K.fileName||"image.jpg",fileSize:K.fileSize||0}}};Q(Ve=>[...Ve,te]),C&&C(te)}else{let K={id:Pe.current++,text:U.trim(),isMe:!0,timestamp:new Date().toISOString(),status:"sent",replyTo:$};Q(te=>[...te,K]),C&&C(K)}ve(null)}else if(Y&&Y.length>0){let $=Y[0],K={id:Pe.current++,text:U.trim(),isMe:!0,timestamp:new Date().toISOString(),status:"sent",attachments:Y,type:$.type==="image"?"image":"text",...$.type==="image"&&$.data&&{imageData:{uri:$.data.uri||"",width:$.data.width||300,height:$.data.height||200,fileName:$.fileName||"image.jpg",fileSize:$.fileSize||0}}};Q(te=>[...te,K]),C&&C(K)}else{let $={id:Pe.current++,text:U.trim(),isMe:!0,timestamp:new Date().toISOString(),status:"sent"};Q(K=>[...K,$]),C&&C($)}ze.clearAttachments()},onFocus:()=>{}}),wt=vt((U,Y)=>{console.log("\u{1F525} Chat - addReaction called with messageId:",U,"and emoji:",Y),Q($=>$.map(K=>K.id===U?K.reactions?.find(Ve=>Ve.emoji===Y)?{...K,reactions:K.reactions?.map(Ve=>Ve.emoji===Y?{...Ve,count:Ve.count+1,users:[...Ve.users,"currentUser"]}:Ve)}:{...K,reactions:[...K.reactions||[],{emoji:Y,count:1,users:["currentUser"]}]}:K)),S&&S(U,Y)},[S]),Ze=vt((U,Y)=>{Q($=>$.map(K=>K.id===U?{...K,reactions:K.reactions?.map(te=>te.emoji===Y?{...te,count:Math.max(0,te.count-1),users:te.users.filter(Ve=>Ve!=="currentUser")}:te).filter(te=>te.count>0)}:K)),V&&V(U,Y)},[V]),Go=vt(U=>{Q(Y=>Y.map($=>$.id===U?{...$,deleted:!0,text:"",reactions:void 0}:$)),I&&I(U)},[I]),se=vt(()=>{ve(null)},[]),Se=vt(U=>{ve(U),setTimeout(()=>{Ce.current?.focus()},100)},[]),Wt=vt(U=>{if(_)return;let{layout:Y}=U.nativeEvent;Y.height<=0||re(!0)},[_]);if(H)return<Mt style={Ct.container}>
|
|
26
|
+
{N||<Mt style={Ct.loadingContainer}>
|
|
27
27
|
{}
|
|
28
28
|
</Mt>}
|
|
29
|
-
</Mt>;if(!_)return<Mt style={
|
|
30
|
-
<Mt style={
|
|
31
|
-
<Mt style={
|
|
29
|
+
</Mt>;if(!_)return<Mt style={Ct.container}>
|
|
30
|
+
<Mt style={Ct.chatContainer}onLayout={Wt}>
|
|
31
|
+
<Mt style={Ct.loadingContainer}>{N}</Mt>
|
|
32
32
|
</Mt>
|
|
33
|
-
</Mt>;let Us=
|
|
34
|
-
<Mt style={
|
|
35
|
-
<J messages={
|
|
33
|
+
</Mt>;let Us=T.renderInput;return<Mt style={Ct.container}>
|
|
34
|
+
<Mt style={Ct.fill}>
|
|
35
|
+
<J messages={Xe}isTyping={Ie?O:!1}typingUserName={j}showScrollToBottom={oe}isReplyActive={!!W}enableMessageActions={ne}enableReactionDetails={Z}onReactionAdd={wt}onReactionRemove={Ze}onMessageDelete={Go}onReplyMessage={Se}onActionPress={(U,Y)=>{U==="reply"?Se(Y):P?.(U,Y)}}/>
|
|
36
36
|
|
|
37
|
-
{Us?Us({value:ee.message,onChangeText:ee.handleTextChange,onSend:ee.handleSend,onFocus:ee.handleFocus,height:ee.composerHeight,onContentSizeChange:ee.handleContentSizeChange,replyToMessage:W,onCancelReply:se,attachments:ze.attachments,onAttachmentAdd:ze.addAttachment,onAttachmentRemove:ze.removeAttachment,onAttachmentUpload:ze.uploadAttachments}):<Me ref={
|
|
37
|
+
{Us?Us({value:ee.message,onChangeText:ee.handleTextChange,onSend:ee.handleSend,onFocus:ee.handleFocus,height:ee.composerHeight,onContentSizeChange:ee.handleContentSizeChange,replyToMessage:W,onCancelReply:se,attachments:ze.attachments,onAttachmentAdd:ze.addAttachment,onAttachmentRemove:ze.removeAttachment,onAttachmentUpload:ze.uploadAttachments}):<Me ref={Ce}value={ee.message}onChangeText={ee.handleTextChange}onSend={ee.handleSend}onFocus={ee.handleFocus}height={ee.composerHeight}onContentSizeChange={ee.handleContentSizeChange}replyToMessage={W}onCancelReply={se}onAttachmentSend={(U,Y)=>{let $=U.type==="image",K={id:Pe.current++,text:Y?.trim()||"",isMe:!0,timestamp:new Date().toISOString(),status:"sent",type:$?"image":"text",...$&&U.data&&{imageData:{uri:U.data.uri||"",width:U.data.width||300,height:U.data.height||200,fileName:U.data.fileName||U.data.name||"image.jpg",fileSize:U.data.fileSize||U.data.size||0}}};Q(te=>[...te,K]),C&&C(K),ee.handleTextChange("")}}/>}
|
|
38
38
|
|
|
39
39
|
{}
|
|
40
40
|
</Mt>
|
|
41
41
|
|
|
42
42
|
{}
|
|
43
|
-
</Mt>},
|
|
43
|
+
</Mt>},Ct=Sn.create({container:{flex:1},chatContainer:{flex:1,overflow:"hidden"},fill:{flex:1},loadingContainer:{flex:1,justifyContent:"center",alignItems:"center"}}),es=wn;import{View as Ne,Text as Ms,TouchableOpacity as Po}from"react-native";import{ArrowLeft as Vn,Info as Bn,Phone as Dn,Video as Ln}from"lucide-react-native";import{useContext as An}from"react";import{createContext as In,useMemo as vn}from"react";var $t={colors:{primary:"#3B82F6",secondary:"#34B7F1",background:"#FFFFFF",surface:"#F7F8FA",surfaceSecondary:"#F3F4F6",text:"#111827",textSecondary:"#6B7280",textMuted:"#9CA3AF",border:"#E5E7EB",borderLight:"#F3F4F6",success:"#10B981",error:"#EF4444",warning:"#F59E0B",unread:"#EBF8FF",online:"#10B981",messageBubble:{sent:"#3B82F6",received:"#E5E7EB",sentText:"#FFFFFF",receivedText:"#111827"},gray:{50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D1D5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827"},blue:{50:"#EBF8FF",500:"#3B82F6",600:"#2563EB"},green:{500:"#10B981"}},spacing:{xs:4,sm:8,md:12,lg:16,xl:24,xxl:32},borderRadius:{sm:4,md:8,lg:12,xl:16,full:9999},typography:{fontFamily:"System",fontSize:{xs:12,sm:14,base:16,lg:18,xl:20,xxl:24},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{tight:16,normal:20,relaxed:24}}};var ts=In($t),Pn=(M,R)=>({colors:{...M.colors,...R.colors},spacing:{...M.spacing,...R.spacing},borderRadius:{...M.borderRadius,...R.borderRadius},typography:{...M.typography,...R.typography}}),Qs=({children:M,theme:R})=>{let T=vn(()=>R?Pn($t,R):$t,[R]);return<ts.Provider value={T}>{M}</ts.Provider>};var q=()=>{let M=An(ts);if(!M)throw new Error("useTheme must be used within a ThemeProvider");return M};var jn=({name:M="George Alan",isOnline:R=!0,onBack:T=()=>{},onVideoCall:C=()=>{},onVoiceCall:S=()=>{},onInfo:V=()=>{}})=>{let I=q(),P=Te();return<Ne style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderBottomWidth:1,borderBottomColor:I.colors.borderLight,backgroundColor:I.colors.background,paddingHorizontal:I.spacing.lg,paddingVertical:I.spacing.md,zIndex:50}}>
|
|
44
44
|
<Ne style={{flex:1,flexDirection:"row",alignItems:"center"}}>
|
|
45
|
-
<Po onPress={
|
|
46
|
-
<
|
|
45
|
+
<Po onPress={T}style={{marginRight:I.spacing.md}}>
|
|
46
|
+
<Vn size={24}color={I.colors.gray[700]}/>
|
|
47
47
|
</Po>
|
|
48
48
|
|
|
49
49
|
<Ne style={{flex:1,flexDirection:"row",alignItems:"center"}}>
|
|
@@ -70,164 +70,164 @@ await initChat({ projectId: 'your-project-id' });`)},$a=()=>(It(),ke.projectId),
|
|
|
70
70
|
|
|
71
71
|
<Ne style={{flexDirection:"row",alignItems:"center",gap:I.spacing.lg}}>
|
|
72
72
|
{}
|
|
73
|
-
{
|
|
74
|
-
<
|
|
73
|
+
{C&&<Po onPress={C}>
|
|
74
|
+
<Ln size={24}color={I.colors.gray[700]}/>
|
|
75
75
|
</Po>}
|
|
76
76
|
{S&&<Po onPress={S}>
|
|
77
|
-
<
|
|
77
|
+
<Dn size={24}color={I.colors.gray[700]}/>
|
|
78
78
|
</Po>}
|
|
79
|
-
{
|
|
80
|
-
<
|
|
79
|
+
{V&&<Po onPress={V}>
|
|
80
|
+
<Bn size={24}color={I.colors.gray[700]}/>
|
|
81
81
|
</Po>}
|
|
82
82
|
</Ne>
|
|
83
|
-
</Ne>},Ao=
|
|
84
|
-
<Vo style={{fontSize:
|
|
83
|
+
</Ne>},Ao=jn;import{useRef as er}from"react";import{View as Jt,Text as Ue,Pressable as Mr,TouchableOpacity as Cr}from"react-native";import De from"dayjs";import En from"dayjs/plugin/isToday";import Fn from"dayjs/plugin/isYesterday";import On from"dayjs/plugin/relativeTime";import Hn from"dayjs/plugin/localizedFormat";import"dayjs/locale/pl";import"dayjs/locale/en";De.extend(En);De.extend(Fn);De.extend(On);De.extend(Hn);var Nn=(M,R="en")=>{let T=De(M).locale(R);return T.isToday()?R==="pl"?"Dzisiaj":"Today":T.isYesterday()?R==="pl"?"Wczoraj":"Yesterday":T.format("ddd D MMMM")},ea=(M,R,T="en")=>{let C=De(M).locale(T);return C.isToday()?R("date.today"):C.isYesterday()?R("date.yesterday"):C.format("ddd D MMMM")},Wn=M=>De(M).format("YYYY-MM-DD"),zo=(M,R="en")=>{if(M.length===0)return[];let T=[],C=null;return M.forEach((S,V)=>{let I=Wn(S.timestamp);if(C!==I){let D=Nn(S.timestamp,R),E={id:`date-${I}`,listItemType:"date-separator",date:I,displayDate:D};T.push(E),C=I}let P={...S,listItemType:"message"};T.push(P)}),T},Gt=(M,R="en")=>De(M).locale(R).format("HH:mm"),ta=(M,R="en")=>De(M).locale(R).fromNow();var oa=(M,R,T="en")=>{let C=De(M).locale(T);return C.isToday()?R("date.todayWithTime",{time:C.format("HH:mm")}):C.isYesterday()?R("date.yesterdayWithTime",{time:C.format("HH:mm")}):C.format("DD MMM YYYY HH:mm")};import{View as Cs,Text as Vo,Image as Un}from"react-native";var Kn=({replyTo:M,isMyMessage:R})=>{let T=q(),C=(E,v=50)=>E.length<=v?E:E.substring(0,v)+"...",S=R?"rgba(255, 255, 255, 0.3)":T.colors.primary,V=R?"rgba(255, 255, 255, 0.8)":T.colors.primary,I=R?"rgba(255, 255, 255, 0.7)":T.colors.textSecondary,P=R?"rgba(255, 255, 255, 0.1)":T.colors.surfaceSecondary,D=M.type==="image"&&M.imageData;return<Cs style={{marginBottom:T.spacing.sm,borderRadius:T.borderRadius.md,padding:T.spacing.sm,backgroundColor:P,borderLeftWidth:4,borderLeftColor:S}}>
|
|
84
|
+
<Vo style={{fontSize:T.typography.fontSize.xs,fontWeight:T.typography.fontWeight.medium,color:V,marginBottom:T.spacing.xs}}>
|
|
85
85
|
{M.isMe?"You":M.senderName||"Sender"}
|
|
86
86
|
</Vo>
|
|
87
87
|
|
|
88
|
-
{
|
|
89
|
-
<
|
|
90
|
-
<
|
|
91
|
-
<Vo style={{fontSize:
|
|
88
|
+
{D?<Cs style={{flexDirection:"row",alignItems:"center"}}>
|
|
89
|
+
<Un source={{uri:M.imageData.uri}}style={{width:40,height:40,borderRadius:T.borderRadius.sm,marginRight:T.spacing.sm}}resizeMode="cover"/>
|
|
90
|
+
<Cs style={{flex:1}}>
|
|
91
|
+
<Vo style={{fontSize:T.typography.fontSize.xs,color:I,fontStyle:"italic",marginBottom:T.spacing.xs}}>
|
|
92
92
|
📷 Image
|
|
93
93
|
</Vo>
|
|
94
|
-
{M.text&&M.text.trim()&&<Vo style={{fontSize:
|
|
95
|
-
{
|
|
94
|
+
{M.text&&M.text.trim()&&<Vo style={{fontSize:T.typography.fontSize.sm,color:I,lineHeight:T.typography.lineHeight.tight}}>
|
|
95
|
+
{C(M.text,30)}
|
|
96
96
|
</Vo>}
|
|
97
|
-
</
|
|
98
|
-
</
|
|
99
|
-
{
|
|
97
|
+
</Cs>
|
|
98
|
+
</Cs>:<Vo style={{fontSize:T.typography.fontSize.sm,color:I,lineHeight:T.typography.lineHeight.tight}}>
|
|
99
|
+
{C(M.text)}
|
|
100
100
|
</Vo>}
|
|
101
|
-
</
|
|
102
|
-
<
|
|
101
|
+
</Cs>},Pt=Kn;import{useState as sa,useCallback as _t}from"react";import{View as Bo,Image as Ma,Pressable as Ca,Modal as Yn,Dimensions as $n,StyleSheet as Gn,Text as _n}from"react-native";var{width:Ts,height:Ta}=$n.get("window"),Jn=({imageData:M,isMe:R,onImagePress:T,onLongPress:C})=>{let S=q(),[V,I]=sa(!1),[P,D]=sa(!1),v=_t(()=>{let O=Ts*.6,j=300;if(!M.width||!M.height)return{width:O,height:j};let H=M.width/M.height,N=O,F=N/H;return F>j&&(F=j,N=F*H),{width:Math.round(N),height:Math.round(F)}},[M.width,M.height])(),B=_t(()=>{T?T():I(!0)},[T]),k=_t(()=>{console.error("Failed to load image:",M.uri),D(!0)},[M.uri]),A=_t(()=>{I(!1)},[]),L=_t(()=>{if(!M.width||!M.height)return{width:Ts,height:Ta*.8};let O=M.width/M.height,j=Ts*.9,H=Ta*.8,N=j,F=N/O;return F>H&&(F=H,N=F*O),{width:Math.round(N),height:Math.round(F)}},[M.width,M.height])();return P?<Bo style={[We.errorContainer,{width:v.width,height:v.height,backgroundColor:R?S.colors.messageBubble.sent:S.colors.messageBubble.received,borderRadius:S.borderRadius.lg}]}>
|
|
102
|
+
<_n style={[We.errorText,{color:R?S.colors.messageBubble.sentText:S.colors.messageBubble.receivedText,fontSize:S.typography.fontSize.sm}]}>
|
|
103
103
|
Failed to load image
|
|
104
|
-
</
|
|
105
|
-
</
|
|
106
|
-
<
|
|
107
|
-
<
|
|
104
|
+
</_n>
|
|
105
|
+
</Bo>:<>
|
|
106
|
+
<Ca onPress={B}onLongPress={C}delayLongPress={500}>
|
|
107
|
+
<Bo style={[We.imageContainer,{borderRadius:S.borderRadius.lg,overflow:"hidden"}]}>
|
|
108
108
|
<Ma source={{uri:M.uri}}style={[We.image,{width:v.width,height:v.height}]}resizeMode='cover'onError={k}/>
|
|
109
109
|
|
|
110
110
|
{}
|
|
111
|
-
<
|
|
112
|
-
</
|
|
113
|
-
</
|
|
111
|
+
<Bo style={We.imageOverlay}/>
|
|
112
|
+
</Bo>
|
|
113
|
+
</Ca>
|
|
114
114
|
|
|
115
115
|
{}
|
|
116
|
-
|
|
117
|
-
<
|
|
118
|
-
<
|
|
116
|
+
<Yn visible={V}transparent animationType='fade'onRequestClose={A}>
|
|
117
|
+
<Ca style={We.modalContainer}onPress={A}>
|
|
118
|
+
<Bo style={We.modalContent}>
|
|
119
119
|
<Ma source={{uri:M.uri}}style={[We.modalImage,{width:L.width,height:L.height,borderRadius:S.borderRadius.lg}]}resizeMode='contain'/>
|
|
120
|
-
</
|
|
121
|
-
</
|
|
122
|
-
|
|
123
|
-
</>},We=
|
|
124
|
-
<Lo style={[At.messageBubble,{backgroundColor:
|
|
120
|
+
</Bo>
|
|
121
|
+
</Ca>
|
|
122
|
+
</Yn>
|
|
123
|
+
</>},We=Gn.create({imageContainer:{position:"relative"},image:{backgroundColor:"#f0f0f0"},imageOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"transparent"},errorContainer:{justifyContent:"center",alignItems:"center",borderWidth:1,borderColor:"#e0e0e0"},errorText:{textAlign:"center",fontWeight:"500"},modalContainer:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.9)",justifyContent:"center",alignItems:"center"},modalContent:{justifyContent:"center",alignItems:"center"},modalImage:{backgroundColor:"transparent"}}),Do=Jn;import{View as Lo,Text as Ra,StyleSheet as Xn}from"react-native";import{Trash2 as Zn}from"lucide-react-native";var Qn=({isMe:M,timestamp:R,senderName:T})=>{let C=q(),S=Te();return<Lo style={[At.container,{alignSelf:M?"flex-end":"flex-start",maxWidth:"80%"}]}>
|
|
124
|
+
<Lo style={[At.messageBubble,{backgroundColor:C.colors.gray[100],borderColor:C.colors.gray[200]}]}>
|
|
125
125
|
<Lo style={At.content}>
|
|
126
|
-
<
|
|
127
|
-
<Ra style={[At.deletedText,{color:
|
|
126
|
+
<Zn size={16}color={C.colors.gray[500]}/>
|
|
127
|
+
<Ra style={[At.deletedText,{color:C.colors.gray[500]}]}>
|
|
128
128
|
{S("message.deleted")}
|
|
129
129
|
</Ra>
|
|
130
130
|
</Lo>
|
|
131
131
|
</Lo>
|
|
132
132
|
<Lo style={[At.metadata,{alignSelf:M?"flex-end":"flex-start"}]}>
|
|
133
|
-
<Ra style={[At.timestamp,{color:
|
|
133
|
+
<Ra style={[At.timestamp,{color:C.colors.gray[400]}]}>
|
|
134
134
|
{R}
|
|
135
135
|
</Ra>
|
|
136
136
|
</Lo>
|
|
137
|
-
</Lo>},At=
|
|
138
|
-
<
|
|
137
|
+
</Lo>},At=Xn.create({container:{marginVertical:4,marginHorizontal:15},messageBubble:{borderRadius:18,paddingHorizontal:16,paddingVertical:12,borderWidth:1,borderStyle:"dashed"},content:{flexDirection:"row",alignItems:"center",justifyContent:"center"},deletedText:{fontSize:14,fontStyle:"italic",marginLeft:8},metadata:{marginTop:4,paddingHorizontal:4},timestamp:{fontSize:11}}),Eo=Qn;var Tr=({message:M,onLongPress:R,onReactionPress:T})=>{let C=q(),S=er(null),V=()=>{S.current?S.current.measureInWindow((D,E,v,B)=>{let k={x:Math.round(D),y:Math.round(E),width:Math.round(v),height:Math.round(B)};R?.(M,k)}):R?.(M)},I=()=>{M.reactions&&M.reactions.length>0&&T?.(M)},P=M.type==="image"&&M.imageData;return M.deleted?<Eo isMe={M.isMe}timestamp={Gt(M.timestamp)}senderName={M.senderName}/>:<Jt style={{marginBottom:C.spacing.md,alignItems:M.isMe?"flex-end":"flex-start",marginHorizontal:C.spacing.sm}}>
|
|
138
|
+
<Mr ref={S}onLongPress={V}delayLongPress={500}style={{maxWidth:P?"75%":"80%",borderRadius:P?C.borderRadius.lg:C.borderRadius.xl,borderBottomRightRadius:M.isMe?4:P?C.borderRadius.lg:C.borderRadius.xl,borderBottomLeftRadius:M.isMe?P?C.borderRadius.lg:C.borderRadius.xl:4,paddingHorizontal:P?0:C.spacing.lg,paddingVertical:P?0:C.spacing.md,backgroundColor:P?"transparent":M.isMe?C.colors.messageBubble.sent:C.colors.messageBubble.received,overflow:"hidden"}}>
|
|
139
139
|
{M.replyTo&&<Pt replyTo={M.replyTo}isMyMessage={M.isMe}/>}
|
|
140
140
|
|
|
141
|
-
{P?<
|
|
141
|
+
{P?<Do imageData={M.imageData}isMe={M.isMe}onLongPress={V}/>:<Ue style={{fontSize:C.typography.fontSize.base,color:M.isMe?C.colors.messageBubble.sentText:C.colors.messageBubble.receivedText}}>
|
|
142
142
|
{M.text}
|
|
143
143
|
</Ue>}
|
|
144
144
|
|
|
145
145
|
{}
|
|
146
|
-
{P&&M.text&&M.text.trim()&&<Jt style={{paddingHorizontal:
|
|
147
|
-
<Ue style={{fontSize:
|
|
146
|
+
{P&&M.text&&M.text.trim()&&<Jt style={{paddingHorizontal:C.spacing.lg,paddingVertical:C.spacing.md,backgroundColor:M.isMe?C.colors.messageBubble.sent:C.colors.messageBubble.received,borderRadius:C.borderRadius.lg,marginTop:C.spacing.xs}}>
|
|
147
|
+
<Ue style={{fontSize:C.typography.fontSize.base,color:M.isMe?C.colors.messageBubble.sentText:C.colors.messageBubble.receivedText}}>
|
|
148
148
|
{M.text}
|
|
149
149
|
</Ue>
|
|
150
150
|
</Jt>}
|
|
151
|
-
</
|
|
151
|
+
</Mr>
|
|
152
152
|
|
|
153
153
|
{}
|
|
154
|
-
{M.reactions&&M.reactions.length>0&&<
|
|
155
|
-
{M.reactions.map((
|
|
156
|
-
<Ue style={{fontSize:
|
|
157
|
-
{
|
|
154
|
+
{M.reactions&&M.reactions.length>0&&<Cr onPress={I}style={{marginTop:C.spacing.xs,flexDirection:"row",alignItems:"center",backgroundColor:C.colors.background,borderRadius:C.borderRadius.full,justifyContent:M.isMe?"flex-end":"flex-start"}}>
|
|
155
|
+
{M.reactions.map((D,E)=><Jt key={`${D.emoji}-${E}`}style={{flexDirection:"row",alignItems:"center",padding:C.spacing.xs}}>
|
|
156
|
+
<Ue style={{fontSize:C.typography.fontSize.sm}}>
|
|
157
|
+
{D.emoji}
|
|
158
158
|
</Ue>
|
|
159
|
-
{
|
|
160
|
-
{
|
|
159
|
+
{D.count>1&&<Ue style={{fontSize:C.typography.fontSize.xs,color:C.colors.textSecondary,marginLeft:C.spacing.xs,fontWeight:C.typography.fontWeight.medium}}>
|
|
160
|
+
{D.count}
|
|
161
161
|
</Ue>}
|
|
162
162
|
</Jt>)}
|
|
163
|
-
</
|
|
163
|
+
</Cr>}
|
|
164
164
|
|
|
165
|
-
<Jt style={{marginHorizontal:
|
|
166
|
-
<Ue style={{fontSize:
|
|
165
|
+
<Jt style={{marginHorizontal:C.spacing.sm,marginTop:C.spacing.xs,flexDirection:"row",alignItems:"center",justifyContent:M.isMe?"flex-end":"flex-start"}}>
|
|
166
|
+
<Ue style={{fontSize:C.typography.fontSize.xs,color:C.colors.textSecondary}}>
|
|
167
167
|
{Gt(M.timestamp)}
|
|
168
168
|
</Ue>
|
|
169
|
-
{M.isMe&&M.status&&<Jt style={{marginLeft:
|
|
170
|
-
{M.status==="sent"&&<Ue style={{fontSize:
|
|
169
|
+
{M.isMe&&M.status&&<Jt style={{marginLeft:C.spacing.xs}}>
|
|
170
|
+
{M.status==="sent"&&<Ue style={{fontSize:C.typography.fontSize.xs,color:C.colors.gray[400]}}>
|
|
171
171
|
✓
|
|
172
172
|
</Ue>}
|
|
173
|
-
{M.status==="delivered"&&<Ue style={{fontSize:
|
|
173
|
+
{M.status==="delivered"&&<Ue style={{fontSize:C.typography.fontSize.xs,color:C.colors.gray[400]}}>
|
|
174
174
|
✓✓
|
|
175
175
|
</Ue>}
|
|
176
|
-
{M.status==="read"&&<Ue style={{fontSize:
|
|
176
|
+
{M.status==="read"&&<Ue style={{fontSize:C.typography.fontSize.xs,color:C.colors.primary}}>
|
|
177
177
|
✓✓
|
|
178
178
|
</Ue>}
|
|
179
179
|
</Jt>}
|
|
180
180
|
</Jt>
|
|
181
|
-
</Jt>},Fo=
|
|
181
|
+
</Jt>},Fo=Tr;import{View as Le,Text as Vt,TouchableOpacity as Rr,Image as Sr}from"react-native";import{X as Ir}from"lucide-react-native";var vr=({replyToMessage:M,onCancel:R})=>{let T=q(),C=(I,P=50)=>I.length<=P?I:I.substring(0,P)+"...",S=!!M.replyTo,V=M.type==="image"&&M.imageData;return<Le style={{borderBottomWidth:1,borderBottomColor:T.colors.border,backgroundColor:T.colors.surface,paddingHorizontal:T.spacing.lg,paddingVertical:T.spacing.md}}>
|
|
182
182
|
<Le style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
|
|
183
|
-
<Le style={{flex:1,marginRight:
|
|
184
|
-
<Le style={{flexDirection:"row",alignItems:"center",marginBottom:
|
|
185
|
-
<Le style={{width:4,backgroundColor:
|
|
183
|
+
<Le style={{flex:1,marginRight:T.spacing.md}}>
|
|
184
|
+
<Le style={{flexDirection:"row",alignItems:"center",marginBottom:T.spacing.xs}}>
|
|
185
|
+
<Le style={{width:4,backgroundColor:T.colors.primary,borderRadius:T.borderRadius.full,marginRight:T.spacing.md,height:S?48:32}}/>
|
|
186
186
|
<Le style={{flex:1}}>
|
|
187
|
-
<Vt style={{fontSize:
|
|
187
|
+
<Vt style={{fontSize:T.typography.fontSize.xs,fontWeight:T.typography.fontWeight.medium,color:T.colors.primary,marginBottom:T.spacing.xs}}>
|
|
188
188
|
Replying to {M.isMe?"yourself":M.senderName||"sender"}
|
|
189
189
|
{S&&" (reply thread)"}
|
|
190
190
|
</Vt>
|
|
191
191
|
|
|
192
192
|
{}
|
|
193
|
-
{S&&<Le style={{marginBottom:
|
|
194
|
-
<Vt style={{fontSize:
|
|
193
|
+
{S&&<Le style={{marginBottom:T.spacing.sm,padding:T.spacing.sm,backgroundColor:T.colors.surfaceSecondary,borderRadius:T.borderRadius.md,borderLeftWidth:2,borderLeftColor:T.colors.gray[300]}}>
|
|
194
|
+
<Vt style={{fontSize:T.typography.fontSize.xs,color:T.colors.textSecondary,marginBottom:T.spacing.xs}}>
|
|
195
195
|
Originally replying to: {M.replyTo.isMe?"yourself":M.replyTo.senderName||"sender"}
|
|
196
196
|
</Vt>
|
|
197
|
-
<Vt style={{fontSize:
|
|
198
|
-
{
|
|
197
|
+
<Vt style={{fontSize:T.typography.fontSize.xs,color:T.colors.textSecondary,lineHeight:T.typography.lineHeight.tight}}>
|
|
198
|
+
{C(M.replyTo.text,40)}
|
|
199
199
|
</Vt>
|
|
200
200
|
</Le>}
|
|
201
201
|
|
|
202
|
-
{
|
|
203
|
-
<
|
|
202
|
+
{V?<Le style={{flexDirection:"row",alignItems:"center"}}>
|
|
203
|
+
<Sr source={{uri:M.imageData.uri}}style={{width:32,height:32,borderRadius:T.borderRadius.sm,marginRight:T.spacing.sm}}resizeMode="cover"/>
|
|
204
204
|
<Le style={{flex:1}}>
|
|
205
|
-
<Vt style={{fontSize:
|
|
205
|
+
<Vt style={{fontSize:T.typography.fontSize.xs,color:T.colors.gray[600],fontStyle:"italic",marginBottom:T.spacing.xs}}>
|
|
206
206
|
📷 Image
|
|
207
207
|
</Vt>
|
|
208
|
-
{M.text&&M.text.trim()&&<Vt style={{fontSize:
|
|
209
|
-
{
|
|
208
|
+
{M.text&&M.text.trim()&&<Vt style={{fontSize:T.typography.fontSize.sm,color:T.colors.gray[700],lineHeight:T.typography.lineHeight.tight}}>
|
|
209
|
+
{C(M.text,40)}
|
|
210
210
|
</Vt>}
|
|
211
211
|
</Le>
|
|
212
|
-
</Le>:<Vt style={{fontSize:
|
|
213
|
-
{
|
|
212
|
+
</Le>:<Vt style={{fontSize:T.typography.fontSize.sm,color:T.colors.gray[700],lineHeight:T.typography.lineHeight.tight}}>
|
|
213
|
+
{C(M.text)}
|
|
214
214
|
</Vt>}
|
|
215
215
|
</Le>
|
|
216
216
|
</Le>
|
|
217
217
|
</Le>
|
|
218
218
|
|
|
219
|
-
<
|
|
220
|
-
<
|
|
221
|
-
</
|
|
219
|
+
<Rr onPress={R}style={{height:32,width:32,alignItems:"center",justifyContent:"center",borderRadius:T.borderRadius.full,backgroundColor:T.colors.gray[200]}}hitSlop={{top:8,bottom:8,left:8,right:8}}>
|
|
220
|
+
<Ir size={16}color={T.colors.textSecondary}/>
|
|
221
|
+
</Rr>
|
|
222
222
|
</Le>
|
|
223
|
-
</Le>},Xt=
|
|
223
|
+
</Le>},Xt=vr;import{useRef as Ke,useState as Sa,useEffect as ws}from"react";import{View as Zt,Text as Et,TouchableOpacity as Lt,StyleSheet as Rs,Pressable as Dr,ScrollView as Lr,Dimensions as jr,Animated as we,Image as Er}from"react-native";import{Reply as Fr,Copy as Or,Plus as Hr,Trash2 as Nr}from"lucide-react-native";import{useState as Pr,useEffect as Ar}from"react";import Vr from"rn-emoji-keyboard";var Br=({visible:M,onClose:R,onEmojiSelected:T})=>{let[C,S]=Pr(!1);Ar(()=>{S(!!M)},[M]);let V=P=>{console.log("Selected emoji:",P),T(P.emoji),S(!1),R()},I=()=>{S(!1),R()};return M?<Vr onEmojiSelected={V}open={C}onClose={I}enableSearchBar/>:null},Bt=Br;var Wr=({visible:M,onPress:R,children:T})=>M?<Zt style={ae.overlay}>
|
|
224
224
|
<Lt style={ae.backdrop}onPress={R}activeOpacity={1}/>
|
|
225
|
-
{
|
|
226
|
-
</Zt>:null,{width:
|
|
225
|
+
{T}
|
|
226
|
+
</Zt>:null,{width:Dt,height:Ss}=jr.get("window"),Ur=({message:M,positions:R,messagePosition:T,containerRef:C,containerOffset:S,setContainerOffset:V})=>{let I=q(),P=Ke(new we.Value(T.y)).current,D=Ke(new we.Value(0)).current,E=Ke(!1),v=M.type==="image"&&M.imageData;return ws(()=>{E.current=!1,C.current&&C.current.measureInWindow((B,k,A,z)=>{V({x:B,y:k});let L=T.y-k,O=R.messagePreviewTop-k;P.setValue(L),D.setValue(0),requestAnimationFrame(()=>{we.parallel([we.timing(P,{toValue:O,duration:250,useNativeDriver:!1}),we.timing(D,{toValue:1,duration:250,useNativeDriver:!1})]).start(()=>{E.current=!0})})})},[R.messagePreviewTop,T.y,C]),<we.View style={{position:"absolute",top:P,left:T.x,width:T.width,height:M.replyTo?T.height+10:T.height,zIndex:1e3,opacity:D,maxWidth:v?"75%":"80%",borderRadius:v?I.borderRadius.lg:I.borderRadius.xl,paddingHorizontal:v?0:I.spacing.lg,paddingVertical:v?0:I.spacing.md,backgroundColor:v?"transparent":M.isMe?I.colors.messageBubble.sent:I.colors.messageBubble.received,overflow:"hidden"}}>
|
|
227
227
|
{M.replyTo&&<Pt replyTo={M.replyTo}isMyMessage={M.isMe}/>}
|
|
228
228
|
|
|
229
229
|
{v?<Zt>
|
|
230
|
-
<
|
|
230
|
+
<Er source={{uri:M.imageData.uri}}style={{width:T.width,height:T.height,borderRadius:I.borderRadius.lg}}resizeMode='cover'/>
|
|
231
231
|
{}
|
|
232
232
|
{M.text&&M.text.trim()&&<Zt style={{paddingHorizontal:I.spacing.lg,paddingVertical:I.spacing.md,backgroundColor:M.isMe?I.colors.messageBubble.sent:I.colors.messageBubble.received,borderRadius:I.borderRadius.lg,marginTop:I.spacing.xs}}>
|
|
233
233
|
<Et style={{fontSize:I.typography.fontSize.base,color:M.isMe?I.colors.messageBubble.sentText:I.colors.messageBubble.receivedText}}>
|
|
@@ -237,49 +237,49 @@ await initChat({ projectId: 'your-project-id' });`)},$a=()=>(It(),ke.projectId),
|
|
|
237
237
|
</Zt>:<Et style={{fontSize:I.typography.fontSize.base,color:M.isMe?I.colors.messageBubble.sentText:I.colors.messageBubble.receivedText}}>
|
|
238
238
|
{M.text}
|
|
239
239
|
</Et>}
|
|
240
|
-
</we.View>},
|
|
240
|
+
</we.View>},Kr=({visible:M,onClose:R,isMyMessage:T,selectedMessage:C,messagePosition:S,onActionPress:V,onEmojiReact:I})=>{let P=Te(),[D,E]=Sa(!1),v=Ke(null),[B,k]=Sa({x:0,y:0}),A=Ke(new we.Value(0)).current,z=Ke(new we.Value(0)).current,L=Ke(!1),O=Ke(!1),j=Z=>{V(Z),R()},H=Z=>{I?.(Z),R()},N=()=>{E(!0)},F=()=>{E(!1)},_=Z=>{I?.(Z),E(!1),R()},re=["\u2764\uFE0F","\u{1F602}","\u{1F62E}","\u{1F622}","\u{1F621}","\u{1F44D}"],Me=(()=>{if(!S)return{emojiBar:{top:Ss/2-200,left:Dt/2-160},actionMenu:{top:Ss/2+50,left:Dt/2-100}};let Z=320,ne=60,oe=200,Ie=160,W=20,ve=8,Ce,Xe,Q,Pe,ze,ee=Ss/2,wt=ne+ve+S.height+ve+Ie,Ze=ee-wt/2;return Xe=Ze,ze=Ze+ne+ve,Pe=Ze+ne+ve+S.height+ve,Ce=S.x,Q=S.x,Ce+Z>Dt-W&&(Ce=Dt-Z-W),Ce<W&&(Ce=W),Q+oe>Dt-W&&(Q=Dt-oe-W),Q<W&&(Q=W),{emojiBar:{top:Xe,left:Ce},actionMenu:{top:Pe,left:Q},messagePreviewTop:ze,isNearAverageHeight:!0,isNearTop:!0,isEdgeCase:!0}})();return ws(()=>{M&&S&&!O.current&&(A.setValue(0),z.setValue(0),setTimeout(()=>{we.sequence([we.timing(A,{toValue:1,duration:200,useNativeDriver:!1}),we.timing(z,{toValue:1,duration:200,useNativeDriver:!1})]).start(()=>{O.current=!0})},50))},[M,S,A,z]),ws(()=>{M||(L.current=!1,O.current=!1,A.setValue(0),z.setValue(0))},[M,A,z]),M?<>
|
|
241
241
|
{}
|
|
242
|
-
<
|
|
243
|
-
<
|
|
244
|
-
</
|
|
242
|
+
<Wr visible={!0}onPress={R}>
|
|
243
|
+
<Dr style={ae.overlayPressable}onPress={R}/>
|
|
244
|
+
</Wr>
|
|
245
245
|
|
|
246
246
|
<Zt ref={v}style={{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"}}>
|
|
247
247
|
{}
|
|
248
248
|
</Zt>
|
|
249
249
|
|
|
250
250
|
{}
|
|
251
|
-
{S&&
|
|
251
|
+
{S&&C&&<Ur message={C}positions={Me}messagePosition={S}containerRef={v}containerOffset={B}setContainerOffset={k}/>}
|
|
252
252
|
|
|
253
253
|
{}
|
|
254
|
-
<we.View style={[ae.emojiBar,{position:"absolute",top:Me.emojiBar.top-(B.y||0),left:Me.emojiBar.left,opacity:
|
|
255
|
-
<
|
|
256
|
-
{
|
|
254
|
+
<we.View style={[ae.emojiBar,{position:"absolute",top:Me.emojiBar.top-(B.y||0),left:Me.emojiBar.left,opacity:A,pointerEvents:"auto"}]}>
|
|
255
|
+
<Lr horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={ae.emojiContainer}>
|
|
256
|
+
{re.map((Z,ne)=><Lt key={ne}style={ae.emojiButton}onPress={()=>H(Z)}>
|
|
257
257
|
<Et style={ae.emojiText}>{Z}</Et>
|
|
258
258
|
</Lt>)}
|
|
259
259
|
<Lt style={ae.addEmojiButton}onPress={N}>
|
|
260
|
-
<
|
|
260
|
+
<Hr size={20}color='#666'/>
|
|
261
261
|
</Lt>
|
|
262
|
-
</
|
|
262
|
+
</Lr>
|
|
263
263
|
</we.View>
|
|
264
264
|
|
|
265
265
|
{}
|
|
266
|
-
<we.View style={[ae.actionMenu,{position:"absolute",top:Me.actionMenu.top-(B.y||0)+(
|
|
266
|
+
<we.View style={[ae.actionMenu,{position:"absolute",top:Me.actionMenu.top-(B.y||0)+(C?.replyTo?10:0),left:Me.actionMenu.left,opacity:z,pointerEvents:"auto"}]}>
|
|
267
267
|
<Zt style={ae.actionItems}>
|
|
268
268
|
{}
|
|
269
269
|
<Lt style={ae.actionRow}onPress={()=>j("reply")}>
|
|
270
|
-
<
|
|
270
|
+
<Fr size={18}color='#333'/>
|
|
271
271
|
<Et style={ae.actionLabel}>{P("action.reply")}</Et>
|
|
272
272
|
</Lt>
|
|
273
273
|
|
|
274
274
|
{}
|
|
275
275
|
<Lt style={ae.actionRow}onPress={()=>j("copy")}>
|
|
276
|
-
<
|
|
276
|
+
<Or size={18}color='#333'/>
|
|
277
277
|
<Et style={ae.actionLabel}>{P("action.copy")}</Et>
|
|
278
278
|
</Lt>
|
|
279
279
|
|
|
280
280
|
{}
|
|
281
|
-
{
|
|
282
|
-
<
|
|
281
|
+
{T&&<Lt style={ae.actionRow}onPress={()=>j("delete")}>
|
|
282
|
+
<Nr size={18}color='#ff4444'/>
|
|
283
283
|
<Et style={[ae.actionLabel,{color:"#ff4444"}]}>
|
|
284
284
|
{P("action.delete")}
|
|
285
285
|
</Et>
|
|
@@ -288,54 +288,54 @@ await initChat({ projectId: 'your-project-id' });`)},$a=()=>(It(),ke.projectId),
|
|
|
288
288
|
</we.View>
|
|
289
289
|
|
|
290
290
|
{}
|
|
291
|
-
<
|
|
292
|
-
</>:null},ae=Rs.create({spotlightOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0},overlayPressable:{flex:1,backgroundColor:"transparent"},emojiBar:{backgroundColor:"white",borderRadius:25,paddingHorizontal:12,paddingVertical:8,shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:12,elevation:12,zIndex:1001,maxWidth:320},emojiContainer:{flexDirection:"row",alignItems:"center",paddingHorizontal:4},emojiButton:{width:36,height:36,borderRadius:18,backgroundColor:"#f8f9fa",justifyContent:"center",alignItems:"center",marginHorizontal:3},emojiText:{fontSize:18},addEmojiButton:{width:36,height:36,borderRadius:18,backgroundColor:"#f8f9fa",justifyContent:"center",alignItems:"center",marginHorizontal:3},actionMenu:{backgroundColor:"white",borderRadius:12,shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:12,elevation:12,zIndex:1001,minWidth:160,maxWidth:200},actionItems:{paddingVertical:4},actionRow:{flexDirection:"row",alignItems:"center",paddingVertical:12,paddingHorizontal:16,minHeight:44},actionLabel:{fontSize:15,color:"#333",marginLeft:12,fontWeight:"500"},hiddenEmojiInput:{position:"absolute",left:-9999,opacity:0,height:0,width:0},overlay:{...Rs.absoluteFillObject,zIndex:1e3},backdrop:{...Rs.absoluteFillObject,backgroundColor:"rgba(0, 0, 0, 0.8)"}}),Oo=
|
|
293
|
-
<
|
|
291
|
+
<Bt visible={D}onClose={F}onEmojiSelected={_}/>
|
|
292
|
+
</>:null},ae=Rs.create({spotlightOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0},overlayPressable:{flex:1,backgroundColor:"transparent"},emojiBar:{backgroundColor:"white",borderRadius:25,paddingHorizontal:12,paddingVertical:8,shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:12,elevation:12,zIndex:1001,maxWidth:320},emojiContainer:{flexDirection:"row",alignItems:"center",paddingHorizontal:4},emojiButton:{width:36,height:36,borderRadius:18,backgroundColor:"#f8f9fa",justifyContent:"center",alignItems:"center",marginHorizontal:3},emojiText:{fontSize:18},addEmojiButton:{width:36,height:36,borderRadius:18,backgroundColor:"#f8f9fa",justifyContent:"center",alignItems:"center",marginHorizontal:3},actionMenu:{backgroundColor:"white",borderRadius:12,shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:12,elevation:12,zIndex:1001,minWidth:160,maxWidth:200},actionItems:{paddingVertical:4},actionRow:{flexDirection:"row",alignItems:"center",paddingVertical:12,paddingHorizontal:16,minHeight:44},actionLabel:{fontSize:15,color:"#333",marginLeft:12,fontWeight:"500"},hiddenEmojiInput:{position:"absolute",left:-9999,opacity:0,height:0,width:0},overlay:{...Rs.absoluteFillObject,zIndex:1e3},backdrop:{...Rs.absoluteFillObject,backgroundColor:"rgba(0, 0, 0, 0.8)"}}),Oo=Kr;import{useRef as qr,useEffect as Yr,useState as $r}from"react";import{View as Ye,Text as Ee,TouchableOpacity as Ia,ScrollView as Gr,StyleSheet as _r}from"react-native";import Jr from"react-native-actions-sheet";var Xr=({visible:M,onClose:R,reactions:T,messageText:C,onAddReaction:S,onRemoveReaction:V})=>{let I=qr(null),[P,D]=$r(!1);Yr(()=>{M?I.current?.show():I.current?.hide()},[M]);let v=(()=>{let j=[];return T.forEach(H=>{let N=[{id:"1",name:"You",avatar:"\u{1F464}"},{id:"2",name:"Anna",avatar:"\u{1F469}"},{id:"3",name:"Young Beetle",avatar:"\u{1F697}"},{id:"4",name:"Lele",avatar:"\u{1F3AD}"},{id:"5",name:"Needle",avatar:"\u{1F3E0}"}];for(let F=0;F<Math.min(H.count,N.length);F++)j.push({id:`${H.emoji}-${F}`,name:N[F].name,avatar:N[F].avatar,emoji:H.emoji,timestamp:new Date().toISOString()})}),j})(),B=T.reduce((j,H)=>j+H.count,0),k=j=>{console.log("Remove reaction called with:",j),console.log("onRemoveReaction prop exists:",!!V),console.log("User is current user:",j.name==="You"),j.name==="You"&&V?(console.log("Calling onRemoveReaction with emoji:",j.emoji),V(j.emoji)):console.log("Not calling onRemoveReaction because:",{isCurrentUser:j.name==="You",hasCallback:!!V})},A=()=>{I.current?.hide(),R(),setTimeout(()=>{D(!0)},300)},z=()=>{D(!1)},L=j=>{console.log("Selected emoji from picker:",j),S?.(j),D(!1),R()},O=()=>{I.current?.hide(),R()};return<>
|
|
293
|
+
<Jr ref={I}onClose={O}containerStyle={G.container}headerAlwaysVisible={!0}gestureEnabled={!0}closeOnTouchBackdrop={!0}>
|
|
294
294
|
{}
|
|
295
|
-
|
|
295
|
+
<Ye style={G.header}>
|
|
296
296
|
<Ee style={G.title}>{B} reactions</Ee>
|
|
297
297
|
<Ia onPress={O}style={G.closeButton}>
|
|
298
298
|
<Ee style={G.closeText}>✕</Ee>
|
|
299
299
|
</Ia>
|
|
300
|
-
|
|
300
|
+
</Ye>
|
|
301
301
|
|
|
302
302
|
{}
|
|
303
|
-
|
|
303
|
+
<Ye style={G.messagePreview}>
|
|
304
304
|
<Ee style={G.messageText}numberOfLines={2}>
|
|
305
|
-
{
|
|
305
|
+
{C}
|
|
306
306
|
</Ee>
|
|
307
|
-
|
|
307
|
+
</Ye>
|
|
308
308
|
|
|
309
309
|
{}
|
|
310
|
-
|
|
310
|
+
<Ye style={G.reactionButtons}>
|
|
311
311
|
{}
|
|
312
312
|
|
|
313
|
-
{
|
|
313
|
+
{T.map((j,H)=><Ye key={H}style={G.reactionButton}>
|
|
314
314
|
<Ee style={G.reactionEmoji}>{j.emoji}</Ee>
|
|
315
315
|
<Ee style={G.reactionCount}>{j.count}</Ee>
|
|
316
|
-
|
|
317
|
-
|
|
316
|
+
</Ye>)}
|
|
317
|
+
</Ye>
|
|
318
318
|
|
|
319
319
|
{}
|
|
320
|
-
<
|
|
321
|
-
{v.map(j=>{let H=j.name==="You",N=H?Ia
|
|
322
|
-
|
|
320
|
+
<Gr style={G.userReactionsList}showsVerticalScrollIndicator={!1}>
|
|
321
|
+
{v.map(j=>{let H=j.name==="You",N=H?Ia:Ye;return<N key={j.id}style={[G.userReactionItem,H&&G.tappableUserReactionItem]}onPress={H?()=>k(j):void 0}activeOpacity={H?.7:1}>
|
|
322
|
+
<Ye style={G.userInfo}>
|
|
323
323
|
<Ee style={G.userAvatar}>{j.avatar}</Ee>
|
|
324
|
-
|
|
324
|
+
<Ye style={G.userDetails}>
|
|
325
325
|
<Ee style={G.userName}>{j.name}</Ee>
|
|
326
326
|
{H&&<Ee style={G.removeText}>Tap to remove</Ee>}
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
327
|
+
</Ye>
|
|
328
|
+
</Ye>
|
|
329
|
+
<Ye style={G.userReactionEmoji}>
|
|
330
330
|
<Ee style={G.emojiText}>{j.emoji}</Ee>
|
|
331
|
-
|
|
331
|
+
</Ye>
|
|
332
332
|
</N>})}
|
|
333
|
-
</
|
|
334
|
-
</
|
|
333
|
+
</Gr>
|
|
334
|
+
</Jr>
|
|
335
335
|
|
|
336
336
|
{}
|
|
337
|
-
<
|
|
338
|
-
</>},G=
|
|
337
|
+
<Bt visible={P}onClose={z}onEmojiSelected={L}/>
|
|
338
|
+
</>},G=_r.create({container:{backgroundColor:"white",borderTopLeftRadius:20,borderTopRightRadius:20,paddingTop:20,paddingBottom:40,maxHeight:"70%"},header:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingHorizontal:20,paddingBottom:15,borderBottomWidth:1,borderBottomColor:"#f0f0f0"},title:{fontSize:18,fontWeight:"600",color:"#333"},closeButton:{padding:5},closeText:{fontSize:18,color:"#666",fontWeight:"500"},messagePreview:{paddingHorizontal:20,paddingVertical:15,borderBottomWidth:1,borderBottomColor:"#f0f0f0"},messageText:{fontSize:14,color:"#666",lineHeight:20},reactionButtons:{flexDirection:"row",paddingHorizontal:20,paddingVertical:15,gap:10},addReactionButton:{flexDirection:"row",alignItems:"center",backgroundColor:"#f8f9fa",borderWidth:1,borderColor:"#e9ecef",borderRadius:20,paddingHorizontal:12,paddingVertical:8},addReactionIcon:{fontSize:16,marginRight:4},addReactionText:{fontSize:14,color:"#666",fontWeight:"500"},reactionButton:{flexDirection:"row",alignItems:"center",backgroundColor:"#28a745",borderRadius:20,paddingHorizontal:12,paddingVertical:8},reactionEmoji:{fontSize:16,marginRight:4},reactionCount:{fontSize:14,color:"white",fontWeight:"600"},userReactionsList:{paddingHorizontal:20,paddingTop:10},userReactionItem:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:12,borderBottomWidth:1,borderBottomColor:"#f8f9fa"},tappableUserReactionItem:{backgroundColor:"#f8f9fa",borderRadius:8,paddingHorizontal:8,marginVertical:2},userInfo:{flexDirection:"row",alignItems:"center",flex:1},userAvatar:{fontSize:24,marginRight:12},userDetails:{flex:1},userName:{fontSize:16,fontWeight:"500",color:"#333"},removeText:{fontSize:12,color:"#dc3545",marginTop:2,fontWeight:"500"},userReactionEmoji:{backgroundColor:"#f8f9fa",borderRadius:16,paddingHorizontal:8,paddingVertical:4},emojiText:{fontSize:16}}),Ho=Xr;import Zr,{forwardRef as Qr,useImperativeHandle as ei}from"react";import{View as No,Text as Pa,TouchableOpacity as Aa}from"react-native";import Mi from"react-native-actions-sheet";import{X as Ci}from"lucide-react-native";var Tt=Qr(({onOptionSelect:M,options:R},T)=>{let C=Zr.useRef(null);ei(T,()=>({show:()=>C.current?.show(),hide:()=>C.current?.hide()}));let S=V=>{M(V),C.current?.hide()};return<Mi ref={C}headerAlwaysVisible gestureEnabled={!0}statusBarTranslucent drawUnderStatusBar={!1}containerStyle={{borderTopLeftRadius:20,borderTopRightRadius:20}}>
|
|
339
339
|
<No style={{padding:20,width:"100%"}}>
|
|
340
340
|
|
|
341
341
|
{}
|
|
@@ -343,121 +343,121 @@ await initChat({ projectId: 'your-project-id' });`)},$a=()=>(It(),ke.projectId),
|
|
|
343
343
|
<Pa style={{fontSize:18,fontWeight:"600",color:"#1F2937"}}>
|
|
344
344
|
Share Content
|
|
345
345
|
</Pa>
|
|
346
|
-
<Aa onPress={()=>
|
|
347
|
-
<
|
|
346
|
+
<Aa onPress={()=>C.current?.hide()}>
|
|
347
|
+
<Ci size={24}color="#6B7280"/>
|
|
348
348
|
</Aa>
|
|
349
349
|
</No>
|
|
350
350
|
|
|
351
351
|
{}
|
|
352
352
|
<No style={{flexDirection:"row",flexWrap:"wrap",justifyContent:"space-between",paddingBottom:20}}>
|
|
353
|
-
{R.map(
|
|
353
|
+
{R.map(V=>{let I=V.icon;return<Aa key={V.id}style={{width:"30%",aspectRatio:1,marginBottom:20,alignItems:"center",justifyContent:"center"}}onPress={()=>S(V.id)}>
|
|
354
354
|
<No style={{width:60,height:60,borderRadius:30,backgroundColor:"#F3F4F6",alignItems:"center",justifyContent:"center",marginBottom:8}}>
|
|
355
|
-
<I size={24}color={
|
|
355
|
+
<I size={24}color={V.color}/>
|
|
356
356
|
</No>
|
|
357
357
|
<Pa style={{fontSize:12,color:"#6B7280",textAlign:"center",fontWeight:"500"}}>
|
|
358
|
-
{
|
|
358
|
+
{V.label}
|
|
359
359
|
</Pa>
|
|
360
360
|
</Aa>})}
|
|
361
361
|
</No>
|
|
362
362
|
</No>
|
|
363
|
-
</Mi>});
|
|
363
|
+
</Mi>});Tt.displayName="AttachmentMenu";import{useEffect as Ti,useRef as Ri}from"react";import{View as Is,StyleSheet as Si,Animated as $e}from"react-native";var wi=({isVisible:M})=>{let R=Ri(new $e.Value(0)).current;return Ti(()=>{if(!M){R.setValue(0);return}let T=$e.loop($e.sequence([$e.timing(R,{toValue:1,duration:1200,useNativeDriver:!0}),$e.timing(R,{toValue:0,duration:1200,useNativeDriver:!0})]));return T.start(),()=>{T.stop()}},[M,R]),M?<Is style={Ft.container}>
|
|
364
364
|
<Is style={Ft.bubble}>
|
|
365
365
|
<Is style={Ft.dotsContainer}>
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
366
|
+
<$e.View style={[Ft.dot,{opacity:R.interpolate({inputRange:[0,.5,1],outputRange:[.3,1,.3]}),transform:[{translateY:R.interpolate({inputRange:[0,.5,1],outputRange:[0,-4,0]})}]}]}/>
|
|
367
|
+
<$e.View style={[Ft.dot,{opacity:R.interpolate({inputRange:[.33,.83,1.33],outputRange:[.3,1,.3]}),transform:[{translateY:R.interpolate({inputRange:[.33,.83,1.33],outputRange:[0,-4,0]})}]}]}/>
|
|
368
|
+
<$e.View style={[Ft.dot,{opacity:R.interpolate({inputRange:[.66,1.16,1.66],outputRange:[.3,1,.3]}),transform:[{translateY:R.interpolate({inputRange:[.66,1.16,1.66],outputRange:[0,-4,0]})}]}]}/>
|
|
369
369
|
</Is>
|
|
370
370
|
</Is>
|
|
371
|
-
</Is>:null},Ft=Si.create({container:{paddingHorizontal:15,paddingVertical:5},bubble:{backgroundColor:"#fff",borderRadius:18,paddingHorizontal:12,paddingVertical:8,alignSelf:"flex-start",maxWidth:"80%"},senderNameContainer:{marginBottom:4},senderName:{fontSize:12,color:"#666",fontWeight:"500"},dotsContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center"},dot:{width:6,height:6,borderRadius:3,backgroundColor:"#999",marginHorizontal:3}}),Ot=wi;import vs from"react";import{Pressable as Ii,Animated as Ps}from"react-native";import{ChevronDown as Pi}from"lucide-react-native";var Ai=({visible:M,onPress:R,isReplyActive:
|
|
372
|
-
{({pressed:P})=><Ps.View style={[{position:"absolute",bottom:40,right:
|
|
373
|
-
<Pi size={20}color={
|
|
371
|
+
</Is>:null},Ft=Si.create({container:{paddingHorizontal:15,paddingVertical:5},bubble:{backgroundColor:"#fff",borderRadius:18,paddingHorizontal:12,paddingVertical:8,alignSelf:"flex-start",maxWidth:"80%"},senderNameContainer:{marginBottom:4},senderName:{fontSize:12,color:"#666",fontWeight:"500"},dotsContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center"},dot:{width:6,height:6,borderRadius:3,backgroundColor:"#999",marginHorizontal:3}}),Ot=wi;import vs from"react";import{Pressable as Ii,Animated as Ps}from"react-native";import{ChevronDown as Pi}from"lucide-react-native";var Ai=({visible:M,onPress:R,isReplyActive:T=!1})=>{let C=q(),S=vs.useRef(new Ps.Value(0)).current,[V,I]=vs.useState(!1);return vs.useEffect(()=>{Ps.timing(S,{toValue:M?1:0,duration:200,useNativeDriver:!0}).start(()=>{I(M)})},[M,S]),!M&&!V?null:<Ii onPress={R}hitSlop={{top:10,bottom:10,left:10,right:10}}>
|
|
372
|
+
{({pressed:P})=><Ps.View style={[{position:"absolute",bottom:40,right:C.spacing.lg,zIndex:9999,width:32,height:32,backgroundColor:C.colors.background,borderRadius:C.borderRadius.xl,justifyContent:"center",alignItems:"center",shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:3.84,elevation:5,opacity:S,transform:P?[{scale:.95}]:[]}]}>
|
|
373
|
+
<Pi size={20}color={C.colors.text}/>
|
|
374
374
|
</Ps.View>}
|
|
375
|
-
</Ii>},Wo=Ai;import{View as Va,Text as Vi}from"react-native";var
|
|
375
|
+
</Ii>},Wo=Ai;import{View as Va,Text as Vi}from"react-native";var Bi=({displayDate:M})=>{let R=q();return<Va style={{marginVertical:R.spacing.lg,alignItems:"center"}}>
|
|
376
376
|
<Va style={{borderRadius:R.borderRadius.full,backgroundColor:R.colors.surfaceSecondary,paddingHorizontal:R.spacing.md,paddingVertical:R.spacing.xs}}>
|
|
377
377
|
<Vi style={{fontSize:R.typography.fontSize.xs,color:R.colors.textSecondary,fontWeight:R.typography.fontWeight.medium}}>
|
|
378
378
|
{M}
|
|
379
379
|
</Vi>
|
|
380
380
|
</Va>
|
|
381
|
-
</Va>},Uo=Di;import $o,{forwardRef as $i,useRef as qi,useImperativeHandle as Yi,useCallback as Gi}from"react";import{View as Vs,TextInput as _i,TouchableOpacity as Da,Platform as Ba}from"react-native";import{Plus as Ji,Send as Xi,Mic as Zi}from"lucide-react-native";import{useRef as ki,useCallback as Ye}from"react";import{Alert as X}from"react-native";import{Camera as Li,Image as ji,MapPin as Ei,User as Fi,FileText as Oi,BarChart3 as Hi,Calendar as Ni}from"lucide-react-native";var Bi={maxWidth:1920,maxHeight:1920,quality:.8,format:"jpeg"},As=async(M,R={})=>{try{let C;try{C=await import("expo-image-manipulator")}catch(B){console.log("expo-image-manipulator not available, returning original image info:",B);let V=`image_${Date.now()}.jpg`;return{uri:M,width:1920,height:1920,fileName:V}}let T={...Bi,...R};console.log("Starting image compression...",{uri:M,options:T});let S=await C.manipulateAsync(M,[],{});console.log("Original image info:",{width:S.width,height:S.height,uri:S.uri});let A=[];if(T.maxWidth||T.maxHeight){let{width:B,height:k}=S,V=B,D=k;if(T.maxWidth&&B>T.maxWidth){let L=T.maxWidth/B;V=T.maxWidth,D=k*L}if(T.maxHeight&&D>T.maxHeight){let L=T.maxHeight/D;D=T.maxHeight,V=V*L}(V!==B||D!==k)&&(A.push({resize:{width:Math.round(V),height:Math.round(D)}}),console.log("Resizing image:",{from:{width:B,height:k},to:{width:Math.round(V),height:Math.round(D)}}))}let I={compress:T.quality,format:T.format==="png"?C.SaveFormat?.PNG:C.SaveFormat?.JPEG};console.log("Applying compression with options:",I);let P=await C.manipulateAsync(M,A,I);console.log("Image compression completed:",{originalUri:M,compressedUri:P.uri,finalDimensions:{width:P.width,height:P.height}});let z=Date.now(),E=T.format==="png"?"png":"jpg",v=`compressed_image_${z}.${E}`;return{uri:P.uri,width:P.width,height:P.height,fileName:v}}catch(C){console.error("Error compressing image:",C);let T=C instanceof Error?C.message:"Unknown error";throw new Error(`Failed to compress image: ${T}`)}},zs=(M,R)=>M>3e3||R>3e3?{maxWidth:1920,maxHeight:1920,quality:.7,format:"jpeg"}:M>1920||R>1920?{maxWidth:1920,maxHeight:1920,quality:.8,format:"jpeg"}:{quality:.9,format:"jpeg"};var Wi=[{id:"photo",label:"Photo",icon:ji,color:"#3B82F6"},{id:"camera",label:"Camera",icon:Li,color:"#6B7280"},{id:"location",label:"Location",icon:Ei,color:"#10B981"},{id:"contact",label:"Contact",icon:Fi,color:"#6B7280"},{id:"document",label:"Document",icon:Oi,color:"#3B82F6"},{id:"poll",label:"Poll",icon:Hi,color:"#F59E0B"},{id:"event",label:"Event",icon:Ni,color:"#EF4444"}],Ko=M=>{let R=ki(null),C=Ye(async()=>{console.log("Photo selection initiated");try{let v;try{v=await import("expo-image-picker")}catch(V){console.log("expo-image-picker not available:",V),X.alert("Feature Not Available","Photo selection requires expo-image-picker to be installed. Please install expo-image-picker to use this feature.",[{text:"OK"}]);return}console.log("Requesting photo library permissions...");let{status:B}=await v.requestMediaLibraryPermissionsAsync();if(console.log("Photo library permission status:",B),B!=="granted"){X.alert("Permission needed","Please grant photo library access to select images.");return}console.log("Waiting for UI to stabilize..."),await new Promise(V=>setTimeout(()=>V(void 0),300)),console.log("Launching image picker...");let k=await v.launchImageLibraryAsync({mediaTypes:"images",allowsEditing:!0,aspect:[4,3],quality:.8,allowsMultipleSelection:!1});if(console.log("Image picker result:",k),!k.canceled&&k.assets&&k.assets.length>0){let V=k.assets[0];console.log("Photo selected successfully:",V.uri);try{console.log("Starting image compression...");let D=zs(V.width||1920,V.height||1920),L=await As(V.uri,D);console.log("Image compression completed:",L),M?.({type:"image",data:{...L,originalFileSize:V.fileSize}})}catch(D){console.error("Image compression failed:",D),X.alert("Compression Error","Failed to compress image. Sending original image.",[{text:"OK"}]),M?.({type:"image",data:{uri:V.uri,width:V.width,height:V.height,fileSize:V.fileSize,fileName:V.fileName||"image.jpg"}})}}else console.log("Photo selection was canceled by user")}catch(v){console.error("Error in photo selection process:",v),X.alert("Photo Selection Error","Failed to open photo library. Please try again or check your device permissions.",[{text:"OK"}])}},[M]),T=Ye(async()=>{console.log("Camera capture initiated");try{let v;try{v=await import("expo-image-picker")}catch(V){console.log("expo-image-picker not available:",V),X.alert("Feature Not Available","Camera capture requires expo-image-picker to be installed. Please install expo-image-picker to use this feature.",[{text:"OK"}]);return}console.log("Requesting camera permissions...");let{status:B}=await v.requestCameraPermissionsAsync();if(console.log("Camera permission status:",B),B!=="granted"){X.alert("Permission needed","Please grant camera access to take photos.");return}console.log("Waiting for UI to stabilize..."),await new Promise(V=>setTimeout(()=>V(void 0),300)),console.log("Launching camera...");let k=await v.launchCameraAsync({allowsEditing:!0,aspect:[4,3],quality:.8,mediaTypes:"images"});if(console.log("Camera result:",k),!k.canceled&&k.assets&&k.assets.length>0){let V=k.assets[0];console.log("Photo captured successfully:",V.uri);try{console.log("Starting camera image compression...");let D=zs(V.width||1920,V.height||1920),L=await As(V.uri,D);console.log("Camera image compression completed:",L),M?.({type:"image",data:{...L,originalFileSize:V.fileSize}})}catch(D){console.error("Camera image compression failed:",D),X.alert("Compression Error","Failed to compress captured image. Sending original image.",[{text:"OK"}]),M?.({type:"image",data:{uri:V.uri,width:V.width,height:V.height,fileSize:V.fileSize,fileName:V.fileName||"camera_photo.jpg"}})}}else console.log("Camera capture was canceled by user")}catch(v){console.error("Error in camera capture process:",v),X.alert("Camera Error","Failed to open camera. Please try again or check your device permissions.",[{text:"OK"}])}},[M]),S=Ye(async()=>{console.log("Location sharing initiated");try{let v;try{v=await import("expo-location")}catch(L){console.log("expo-location not available:",L),X.alert("Feature Not Available","Location sharing requires expo-location to be installed. Please install expo-location to use this feature.",[{text:"OK"}]);return}console.log("Requesting location permissions...");let{status:B}=await v.requestForegroundPermissionsAsync();if(console.log("Location permission status:",B),B!=="granted"){X.alert("Permission needed","Please grant location access to share your location.");return}console.log("Getting current location...");let k=await v.getCurrentPositionAsync({accuracy:v.Accuracy.High});console.log("Getting address from coordinates...");let V=await v.reverseGeocodeAsync({latitude:k.coords.latitude,longitude:k.coords.longitude}),D={coordinates:{latitude:k.coords.latitude,longitude:k.coords.longitude},address:V[0]||null,timestamp:k.timestamp};console.log("Location shared successfully:",D.coordinates),M?.({type:"location",data:D})}catch(v){console.error("Error in location sharing process:",v),X.alert("Location Error","Failed to get your location. Please try again or check your device permissions.",[{text:"OK"}])}},[M]),A=Ye(async()=>{try{let v;try{v=await import("expo-contacts")}catch(k){console.log("expo-contacts not available:",k),X.alert("Feature Not Available","Contact sharing requires expo-contacts to be installed. Please install expo-contacts to use this feature.",[{text:"OK"}]);return}let{status:B}=await v.requestPermissionsAsync();if(B!=="granted"){X.alert("Permission needed","Please grant contacts access to share contacts.");return}X.alert("Contact Sharing","Contact selection feature is coming soon! This would open a contact picker.",[{text:"OK",onPress:()=>console.log("Contact sharing acknowledged")}])}catch(v){console.error("Error accessing contacts:",v),X.alert("Error","Failed to access contacts. Please try again.")}finally{R.current?.hide()}},[]),I=Ye(async()=>{console.log("Document selection initiated");try{let v;try{v=await import("expo-document-picker")}catch(k){console.log("expo-document-picker not available:",k),X.alert("Feature Not Available","Document selection requires expo-document-picker to be installed. Please install expo-document-picker to use this feature.",[{text:"OK"}]);return}console.log("Waiting for UI to stabilize..."),await new Promise(k=>setTimeout(()=>k(void 0),300)),console.log("Launching document picker...");let B=await v.getDocumentAsync({type:"*/*",copyToCacheDirectory:!0,multiple:!1});if(console.log("Document picker result:",B),!B.canceled&&B.assets&&B.assets.length>0){let k=B.assets[0];console.log("Document selected successfully:",k.name),M?.({type:"document",data:{uri:k.uri,name:k.name,size:k.size,mimeType:k.mimeType}})}else console.log("Document selection was canceled by user")}catch(v){console.error("Error in document selection process:",v),X.alert("Document Selection Error","Failed to open document picker. Please try again.",[{text:"OK"}])}},[M]),P=Ye(()=>{X.alert("Create Poll","Poll creation feature is coming soon! This would open a poll creation interface.",[{text:"OK",onPress:()=>console.log("Poll creation acknowledged")}])},[]),z=Ye(()=>{X.alert("Create Event","Event creation feature is coming soon! This would open an event creation interface.",[{text:"OK",onPress:()=>console.log("Event creation acknowledged")}])},[]),E=Ye(async v=>{console.log(`Selected attachment option: ${v}`);try{switch(v){case"photo":await C();break;case"camera":await T();break;case"location":await S();break;case"contact":await A();break;case"document":await I();break;case"poll":P();break;case"event":z();break;default:console.warn(`Unknown attachment option: ${v}`)}}catch(B){console.error(`Error handling ${v}:`,B),X.alert("Error",`Failed to handle ${v}. Please try again.`)}},[C,T,S,A,I,P,z]);return{menuRef:R,handleOptionSelect:E,options:Wi}};import Ge,{useRef as Ui,useCallback as Ae,createContext as Ki,useContext as Du}from"react";var Qt=(M={})=>{let{initialValue:R="",initialHeight:C=50,onValueChange:T,onHeightChange:S,onSend:A,onAttachmentSend:I,onReplyCancel:P,onFocus:z,onBlur:E,maxHeight:v=100,minHeight:B=50,maxLength:k=1e3,placeholder:V="Type a message..."}=M,D=Ui(null),[L,O]=Ge.useState(R),[j,H]=Ge.useState(C),[N,F]=Ge.useState(!1),[_,ne]=Ge.useState(null),[J,Me]=Ge.useState([]),Z=Ge.useMemo(()=>({value:L,height:j,isFocused:N,replyToMessage:_,attachments:J}),[L,j,N,_,J]),re=Ae(se=>{O(se),T?.(se)},[T]),oe=Ae(se=>{let Se=Math.max(B,Math.min(v,se));H(Se),S?.(Se)},[B,v,S]),Ie=Ae(()=>{F(!0),z?.()},[z]),W=Ae(()=>{F(!1),E?.()},[E]),ve=Ae(se=>{let{height:Se}=se.nativeEvent.contentSize,Wt=Math.max(B,Math.min(v,Se+16));oe(Wt)},[B,v,oe]),Te=Ae(()=>{A&&(L||J.length>0)&&(A(L,J,_),O(R),Me([]),ne(null),H(C))},[A,L,J,_,R,C]),Je=Ae(se=>{I?(I(se,L),L&&O(R)):Me(Se=>[...Se,{...se,id:Date.now().toString()}])},[I,L,R]),Q=Ae(se=>{Me(Se=>[...Se,se])},[]),Pe=Ae(se=>{Me(Se=>Se.filter(Wt=>Wt.id!==se))},[]),ze=Ae(()=>{Me([])},[]),ee=Ae(()=>{ne(null),P?.()},[P]),wt=Ae(()=>{D.current?.focus()},[]),Xe=Ge.useMemo(()=>({setValue:re,setHeight:oe,setFocus:F,setReplyToMessage:ne,addAttachment:Q,removeAttachment:Pe,clearAttachments:ze,sendMessage:Te,cancelReply:ee,focusInput:wt,handleAttachmentSelected:Je,handleContentSizeChange:ve,handleFocus:Ie,handleBlur:W}),[re,oe,F,ne,Q,Pe,ze,Te,ee,wt,Je,ve,Ie,W]),Go=Ge.useMemo(()=>({textInputRef:D}),[]);return{state:Z,actions:Xe,refs:Go}},ku=Ki(null);var Oe=$i(({value:M,onChangeText:R,onSend:C,onFocus:T,height:S,onContentSizeChange:A,replyToMessage:I,onCancelReply:P,onAttachmentSend:z},E)=>{let v=$(),B=Ce(),k=qi(null);Yi(E,()=>({focus:()=>{k.current?.focus()}}));let{state:V,actions:D}=Qt({initialValue:M,initialHeight:S,onValueChange:R,onHeightChange:A,onSend:C,onAttachmentSend:z,onReplyCancel:P,onFocus:T});$o.useEffect(()=>{M!==V.value&&D.setValue(M)},[M,V.value,D]),$o.useEffect(()=>{S!==V.height&&D.setHeight(S)},[S,V.height,D]),$o.useEffect(()=>{I!==V.replyToMessage&&D.setReplyToMessage(I||null)},[I,V.replyToMessage,D]),$o.useEffect(()=>{if(I&&k.current){let j=setTimeout(()=>{k.current?.focus()},100);return()=>clearTimeout(j)}},[I]);let L=Gi(j=>{if(console.log("Attachment selected:",j),z)z(j,M.trim()||void 0),M.trim()&&R("");else switch(j.type){case"image":console.log("Image attachment ready to send:",{uri:j.data.uri,dimensions:{width:j.data.width,height:j.data.height},fileName:j.data.fileName});break;case"document":console.log("Document attachment ready to send:",{name:j.data.name,size:j.data.size});break;case"location":console.log("Location attachment ready to send:",j.data.coordinates);break;case"contact":console.log("Contact attachment ready to send:",j.data);break;default:console.log("Other attachment ready to send:",j)}},[z,M,R]),O=Ko(L);return<>
|
|
381
|
+
</Va>},Uo=Bi;import qo,{forwardRef as qi,useRef as Yi,useImperativeHandle as $i,useCallback as Gi}from"react";import{View as Vs,TextInput as _i,TouchableOpacity as Ba,Platform as Da}from"react-native";import{Plus as Ji,Send as Xi,Mic as Zi}from"lucide-react-native";import{useRef as ki,useCallback as Ge}from"react";import{Alert as X}from"react-native";import{Camera as Li,Image as ji,MapPin as Ei,User as Fi,FileText as Oi,BarChart3 as Hi,Calendar as Ni}from"lucide-react-native";var Di={maxWidth:1920,maxHeight:1920,quality:.8,format:"jpeg"},As=async(M,R={})=>{try{let T;try{T=await import("expo-image-manipulator")}catch(B){console.log("expo-image-manipulator not available, returning original image info:",B);let A=`image_${Date.now()}.jpg`;return{uri:M,width:1920,height:1920,fileName:A}}let C={...Di,...R};console.log("Starting image compression...",{uri:M,options:C});let S=await T.manipulateAsync(M,[],{});console.log("Original image info:",{width:S.width,height:S.height,uri:S.uri});let V=[];if(C.maxWidth||C.maxHeight){let{width:B,height:k}=S,A=B,z=k;if(C.maxWidth&&B>C.maxWidth){let L=C.maxWidth/B;A=C.maxWidth,z=k*L}if(C.maxHeight&&z>C.maxHeight){let L=C.maxHeight/z;z=C.maxHeight,A=A*L}(A!==B||z!==k)&&(V.push({resize:{width:Math.round(A),height:Math.round(z)}}),console.log("Resizing image:",{from:{width:B,height:k},to:{width:Math.round(A),height:Math.round(z)}}))}let I={compress:C.quality,format:C.format==="png"?T.SaveFormat?.PNG:T.SaveFormat?.JPEG};console.log("Applying compression with options:",I);let P=await T.manipulateAsync(M,V,I);console.log("Image compression completed:",{originalUri:M,compressedUri:P.uri,finalDimensions:{width:P.width,height:P.height}});let D=Date.now(),E=C.format==="png"?"png":"jpg",v=`compressed_image_${D}.${E}`;return{uri:P.uri,width:P.width,height:P.height,fileName:v}}catch(T){console.error("Error compressing image:",T);let C=T instanceof Error?T.message:"Unknown error";throw new Error(`Failed to compress image: ${C}`)}},zs=(M,R)=>M>3e3||R>3e3?{maxWidth:1920,maxHeight:1920,quality:.7,format:"jpeg"}:M>1920||R>1920?{maxWidth:1920,maxHeight:1920,quality:.8,format:"jpeg"}:{quality:.9,format:"jpeg"};var Wi=[{id:"photo",label:"Photo",icon:ji,color:"#3B82F6"},{id:"camera",label:"Camera",icon:Li,color:"#6B7280"},{id:"location",label:"Location",icon:Ei,color:"#10B981"},{id:"contact",label:"Contact",icon:Fi,color:"#6B7280"},{id:"document",label:"Document",icon:Oi,color:"#3B82F6"},{id:"poll",label:"Poll",icon:Hi,color:"#F59E0B"},{id:"event",label:"Event",icon:Ni,color:"#EF4444"}],Ko=M=>{let R=ki(null),T=Ge(async()=>{console.log("Photo selection initiated");try{let v;try{v=await import("expo-image-picker")}catch(A){console.log("expo-image-picker not available:",A),X.alert("Feature Not Available","Photo selection requires expo-image-picker to be installed. Please install expo-image-picker to use this feature.",[{text:"OK"}]);return}console.log("Requesting photo library permissions...");let{status:B}=await v.requestMediaLibraryPermissionsAsync();if(console.log("Photo library permission status:",B),B!=="granted"){X.alert("Permission needed","Please grant photo library access to select images.");return}console.log("Waiting for UI to stabilize..."),await new Promise(A=>setTimeout(()=>A(void 0),300)),console.log("Launching image picker...");let k=await v.launchImageLibraryAsync({mediaTypes:"images",allowsEditing:!0,aspect:[4,3],quality:.8,allowsMultipleSelection:!1});if(console.log("Image picker result:",k),!k.canceled&&k.assets&&k.assets.length>0){let A=k.assets[0];console.log("Photo selected successfully:",A.uri);try{console.log("Starting image compression...");let z=zs(A.width||1920,A.height||1920),L=await As(A.uri,z);console.log("Image compression completed:",L),M?.({type:"image",data:{...L,originalFileSize:A.fileSize}})}catch(z){console.error("Image compression failed:",z),X.alert("Compression Error","Failed to compress image. Sending original image.",[{text:"OK"}]),M?.({type:"image",data:{uri:A.uri,width:A.width,height:A.height,fileSize:A.fileSize,fileName:A.fileName||"image.jpg"}})}}else console.log("Photo selection was canceled by user")}catch(v){console.error("Error in photo selection process:",v),X.alert("Photo Selection Error","Failed to open photo library. Please try again or check your device permissions.",[{text:"OK"}])}},[M]),C=Ge(async()=>{console.log("Camera capture initiated");try{let v;try{v=await import("expo-image-picker")}catch(A){console.log("expo-image-picker not available:",A),X.alert("Feature Not Available","Camera capture requires expo-image-picker to be installed. Please install expo-image-picker to use this feature.",[{text:"OK"}]);return}console.log("Requesting camera permissions...");let{status:B}=await v.requestCameraPermissionsAsync();if(console.log("Camera permission status:",B),B!=="granted"){X.alert("Permission needed","Please grant camera access to take photos.");return}console.log("Waiting for UI to stabilize..."),await new Promise(A=>setTimeout(()=>A(void 0),300)),console.log("Launching camera...");let k=await v.launchCameraAsync({allowsEditing:!0,aspect:[4,3],quality:.8,mediaTypes:"images"});if(console.log("Camera result:",k),!k.canceled&&k.assets&&k.assets.length>0){let A=k.assets[0];console.log("Photo captured successfully:",A.uri);try{console.log("Starting camera image compression...");let z=zs(A.width||1920,A.height||1920),L=await As(A.uri,z);console.log("Camera image compression completed:",L),M?.({type:"image",data:{...L,originalFileSize:A.fileSize}})}catch(z){console.error("Camera image compression failed:",z),X.alert("Compression Error","Failed to compress captured image. Sending original image.",[{text:"OK"}]),M?.({type:"image",data:{uri:A.uri,width:A.width,height:A.height,fileSize:A.fileSize,fileName:A.fileName||"camera_photo.jpg"}})}}else console.log("Camera capture was canceled by user")}catch(v){console.error("Error in camera capture process:",v),X.alert("Camera Error","Failed to open camera. Please try again or check your device permissions.",[{text:"OK"}])}},[M]),S=Ge(async()=>{console.log("Location sharing initiated");try{let v;try{v=await import("expo-location")}catch(L){console.log("expo-location not available:",L),X.alert("Feature Not Available","Location sharing requires expo-location to be installed. Please install expo-location to use this feature.",[{text:"OK"}]);return}console.log("Requesting location permissions...");let{status:B}=await v.requestForegroundPermissionsAsync();if(console.log("Location permission status:",B),B!=="granted"){X.alert("Permission needed","Please grant location access to share your location.");return}console.log("Getting current location...");let k=await v.getCurrentPositionAsync({accuracy:v.Accuracy.High});console.log("Getting address from coordinates...");let A=await v.reverseGeocodeAsync({latitude:k.coords.latitude,longitude:k.coords.longitude}),z={coordinates:{latitude:k.coords.latitude,longitude:k.coords.longitude},address:A[0]||null,timestamp:k.timestamp};console.log("Location shared successfully:",z.coordinates),M?.({type:"location",data:z})}catch(v){console.error("Error in location sharing process:",v),X.alert("Location Error","Failed to get your location. Please try again or check your device permissions.",[{text:"OK"}])}},[M]),V=Ge(async()=>{try{let v;try{v=await import("expo-contacts")}catch(k){console.log("expo-contacts not available:",k),X.alert("Feature Not Available","Contact sharing requires expo-contacts to be installed. Please install expo-contacts to use this feature.",[{text:"OK"}]);return}let{status:B}=await v.requestPermissionsAsync();if(B!=="granted"){X.alert("Permission needed","Please grant contacts access to share contacts.");return}X.alert("Contact Sharing","Contact selection feature is coming soon! This would open a contact picker.",[{text:"OK",onPress:()=>console.log("Contact sharing acknowledged")}])}catch(v){console.error("Error accessing contacts:",v),X.alert("Error","Failed to access contacts. Please try again.")}finally{R.current?.hide()}},[]),I=Ge(async()=>{console.log("Document selection initiated");try{let v;try{v=await import("expo-document-picker")}catch(k){console.log("expo-document-picker not available:",k),X.alert("Feature Not Available","Document selection requires expo-document-picker to be installed. Please install expo-document-picker to use this feature.",[{text:"OK"}]);return}console.log("Waiting for UI to stabilize..."),await new Promise(k=>setTimeout(()=>k(void 0),300)),console.log("Launching document picker...");let B=await v.getDocumentAsync({type:"*/*",copyToCacheDirectory:!0,multiple:!1});if(console.log("Document picker result:",B),!B.canceled&&B.assets&&B.assets.length>0){let k=B.assets[0];console.log("Document selected successfully:",k.name),M?.({type:"document",data:{uri:k.uri,name:k.name,size:k.size,mimeType:k.mimeType}})}else console.log("Document selection was canceled by user")}catch(v){console.error("Error in document selection process:",v),X.alert("Document Selection Error","Failed to open document picker. Please try again.",[{text:"OK"}])}},[M]),P=Ge(()=>{X.alert("Create Poll","Poll creation feature is coming soon! This would open a poll creation interface.",[{text:"OK",onPress:()=>console.log("Poll creation acknowledged")}])},[]),D=Ge(()=>{X.alert("Create Event","Event creation feature is coming soon! This would open an event creation interface.",[{text:"OK",onPress:()=>console.log("Event creation acknowledged")}])},[]),E=Ge(async v=>{console.log(`Selected attachment option: ${v}`);try{switch(v){case"photo":await T();break;case"camera":await C();break;case"location":await S();break;case"contact":await V();break;case"document":await I();break;case"poll":P();break;case"event":D();break;default:console.warn(`Unknown attachment option: ${v}`)}}catch(B){console.error(`Error handling ${v}:`,B),X.alert("Error",`Failed to handle ${v}. Please try again.`)}},[T,C,S,V,I,P,D]);return{menuRef:R,handleOptionSelect:E,options:Wi}};import _e,{useRef as Ui,useCallback as Ae,createContext as Ki,useContext as Bm}from"react";var Qt=(M={})=>{let{initialValue:R="",initialHeight:T=50,onValueChange:C,onHeightChange:S,onSend:V,onAttachmentSend:I,onReplyCancel:P,onFocus:D,onBlur:E,maxHeight:v=100,minHeight:B=50,maxLength:k=1e3,placeholder:A="Type a message..."}=M,z=Ui(null),[L,O]=_e.useState(R),[j,H]=_e.useState(T),[N,F]=_e.useState(!1),[_,re]=_e.useState(null),[J,Me]=_e.useState([]),Z=_e.useMemo(()=>({value:L,height:j,isFocused:N,replyToMessage:_,attachments:J}),[L,j,N,_,J]),ne=Ae(se=>{O(se),C?.(se)},[C]),oe=Ae(se=>{let Se=Math.max(B,Math.min(v,se));H(Se),S?.(Se)},[B,v,S]),Ie=Ae(()=>{F(!0),D?.()},[D]),W=Ae(()=>{F(!1),E?.()},[E]),ve=Ae(se=>{let{height:Se}=se.nativeEvent.contentSize,Wt=Math.max(B,Math.min(v,Se+16));oe(Wt)},[B,v,oe]),Ce=Ae(()=>{V&&(L||J.length>0)&&(V(L,J,_),O(R),Me([]),re(null),H(T))},[V,L,J,_,R,T]),Xe=Ae(se=>{I?(I(se,L),L&&O(R)):Me(Se=>[...Se,{...se,id:Date.now().toString()}])},[I,L,R]),Q=Ae(se=>{Me(Se=>[...Se,se])},[]),Pe=Ae(se=>{Me(Se=>Se.filter(Wt=>Wt.id!==se))},[]),ze=Ae(()=>{Me([])},[]),ee=Ae(()=>{re(null),P?.()},[P]),wt=Ae(()=>{z.current?.focus()},[]),Ze=_e.useMemo(()=>({setValue:ne,setHeight:oe,setFocus:F,setReplyToMessage:re,addAttachment:Q,removeAttachment:Pe,clearAttachments:ze,sendMessage:Ce,cancelReply:ee,focusInput:wt,handleAttachmentSelected:Xe,handleContentSizeChange:ve,handleFocus:Ie,handleBlur:W}),[ne,oe,F,re,Q,Pe,ze,Ce,ee,wt,Xe,ve,Ie,W]),Go=_e.useMemo(()=>({textInputRef:z}),[]);return{state:Z,actions:Ze,refs:Go}},km=Ki(null);var Oe=qi(({value:M,onChangeText:R,onSend:T,onFocus:C,height:S,onContentSizeChange:V,replyToMessage:I,onCancelReply:P,onAttachmentSend:D},E)=>{let v=q(),B=Te(),k=Yi(null);$i(E,()=>({focus:()=>{k.current?.focus()}}));let{state:A,actions:z}=Qt({initialValue:M,initialHeight:S,onValueChange:R,onHeightChange:V,onSend:T,onAttachmentSend:D,onReplyCancel:P,onFocus:C});qo.useEffect(()=>{M!==A.value&&z.setValue(M)},[M,A.value,z]),qo.useEffect(()=>{S!==A.height&&z.setHeight(S)},[S,A.height,z]),qo.useEffect(()=>{I!==A.replyToMessage&&z.setReplyToMessage(I||null)},[I,A.replyToMessage,z]),qo.useEffect(()=>{if(I&&k.current){let j=setTimeout(()=>{k.current?.focus()},100);return()=>clearTimeout(j)}},[I]);let L=Gi(j=>{if(console.log("Attachment selected:",j),D)D(j,M.trim()||void 0),M.trim()&&R("");else switch(j.type){case"image":console.log("Image attachment ready to send:",{uri:j.data.uri,dimensions:{width:j.data.width,height:j.data.height},fileName:j.data.fileName});break;case"document":console.log("Document attachment ready to send:",{name:j.data.name,size:j.data.size});break;case"location":console.log("Location attachment ready to send:",j.data.coordinates);break;case"contact":console.log("Contact attachment ready to send:",j.data);break;default:console.log("Other attachment ready to send:",j)}},[D,M,R]),O=Ko(L);return<>
|
|
382
382
|
{I&&P&&<Xt replyToMessage={I}onCancel={P}/>}
|
|
383
383
|
<Vs style={{borderTopWidth:1,borderTopColor:v.colors.borderLight,backgroundColor:v.colors.background}}>
|
|
384
384
|
<Vs style={{flexDirection:"row",alignItems:"center",backgroundColor:v.colors.background,paddingHorizontal:v.spacing.lg,paddingVertical:v.spacing.sm,minHeight:S}}>
|
|
385
|
-
<
|
|
385
|
+
<Ba style={{marginRight:v.spacing.md}}onPress={()=>O.menuRef.current?.show()}>
|
|
386
386
|
<Ji size={24}color={v.colors.textSecondary}/>
|
|
387
|
-
</
|
|
387
|
+
</Ba>
|
|
388
388
|
|
|
389
389
|
<Vs style={{flex:1,flexDirection:"row",alignItems:"center",borderRadius:v.borderRadius.full,backgroundColor:v.colors.surfaceSecondary,paddingHorizontal:v.spacing.lg,paddingVertical:6}}>
|
|
390
|
-
<_i ref={k}style={{flex:1,fontSize:v.typography.fontSize.base,maxHeight:70,minHeight:18,paddingTop:
|
|
390
|
+
<_i ref={k}style={{flex:1,fontSize:v.typography.fontSize.base,maxHeight:70,minHeight:18,paddingTop:Da.OS==="ios"?6:3,paddingBottom:Da.OS==="ios"?6:3,color:v.colors.text}}value={M}onChangeText={R}placeholder={B("input.placeholder")}placeholderTextColor={v.colors.textMuted}multiline maxLength={1e3}onFocus={C}onContentSizeChange={z.handleContentSizeChange}returnKeyType='default'textAlignVertical='center'/>
|
|
391
391
|
</Vs>
|
|
392
392
|
|
|
393
|
-
<
|
|
393
|
+
<Ba onPress={T}style={{marginLeft:v.spacing.md,height:40,width:40,alignItems:"center",justifyContent:"center",borderRadius:v.borderRadius.full,backgroundColor:M.trim()?v.colors.primary:v.colors.gray[300]}}disabled={!M.trim()}>
|
|
394
394
|
{M.trim()?<Xi size={18}color='white'/>:<Zi size={18}color='white'/>}
|
|
395
|
-
</
|
|
395
|
+
</Ba>
|
|
396
396
|
</Vs>
|
|
397
397
|
</Vs>
|
|
398
398
|
|
|
399
|
-
<
|
|
400
|
-
</>});Oe.displayName="MessageInput";import{View as
|
|
399
|
+
<Tt ref={O.menuRef}onOptionSelect={O.handleOptionSelect}options={O.options}/>
|
|
400
|
+
</>});Oe.displayName="MessageInput";import{View as $m,TextInput as Gm,TouchableOpacity as _m,Platform as Jm}from"react-native";import{Plus as Zm,Send as Qm,Mic as Mu}from"lucide-react-native";import Rl,{forwardRef as Sl}from"react";import nl,{createContext as rl,useContext as il,useMemo as ll}from"react";import{useMemo as el,useCallback as tl}from"react";function eo(M,R={}){let{initialNumToRender:T=20,maxToRenderPerBatch:C=10,windowSize:S=10}=R,V=el(()=>zo(M).reverse(),[M]),I=tl(P=>P.listItemType==="date-separator"?P.id:P.id.toString(),[]);return{messageItems:V,keyExtractor:I,flatListProps:{initialNumToRender:T,maxToRenderPerBatch:C,windowSize:S,inverted:!0,showsVerticalScrollIndicator:!1,keyboardShouldPersistTaps:"handled",removeClippedSubviews:!1,scrollEventThrottle:16}}}import{useState as ol,useCallback as Rt,useRef as ka}from"react";function Bs(M={}){let{scrollThreshold:R=50,autoScrollToBottom:T=!0}=M,C=ka(null),[S,V]=ol({isNearBottom:!0,isNearTop:!1,showScrollToBottomButton:!1}),I=ka(0),P=Rt(z=>{let{contentOffset:L,contentSize:O,layoutMeasurement:j}=z.nativeEvent,H=L.y,N=Math.abs(H)<R,F=Math.abs(H)>O.height-j.height-R;V({isNearBottom:N,isNearTop:F,showScrollToBottomButton:!N})},[R]),D=Rt(z=>{let L=z>I.current;return I.current=z,L},[]),E=Rt(()=>{},[]),v=Rt((z=!0)=>{C.current&&C.current.scrollToOffset({offset:0,animated:z})},[]),B=Rt((z,L=!0)=>{C.current&&C.current.scrollToOffset({offset:z,animated:L})},[]),k=Rt((z,L=!0)=>{C.current&&C.current.scrollToIndex({index:z,animated:L})},[]),A=Rt(z=>{D(z)&&T&&C.current&&setTimeout(()=>{v()},100)},[D,T,v]);return{flatListRef:C,scrollState:S,handleScroll:P,handleContentSizeChange:E,handleNewMessages:A,scrollToEnd:v,scrollToOffset:B,scrollToIndex:k}}import{useState as sl,useCallback as Ds}from"react";function to(M={}){let{enableMessageActions:R=!0}=M,[T,C]=sl({actionSheetVisible:!1,selectedMessage:null,messagePosition:void 0}),S=Ds((P,D)=>{R&&C({actionSheetVisible:!0,selectedMessage:P,messagePosition:D})},[R]),V=Ds(()=>{C({actionSheetVisible:!1,selectedMessage:null,messagePosition:void 0})},[]),I=Ds((P,D)=>{if(!T.selectedMessage)return;let{selectedMessage:E}=T;switch(P){case"reply":D?.onReply?.(E);break;case"copy":if(D?.onCopy)D.onCopy(E);else{let v=E.type==="image"&&E.imageData?E.text||"Image message":E.text;import("./clipboard-O4FPD4J6.mjs").then(({copyToClipboard:B})=>{B(v)}).catch(()=>{console.log("Clipboard functionality not available")})}break;case"delete":D?.onDelete?.(E.id);break;default:D?.onCustomAction?.(P,E);break}V()},[T.selectedMessage,V]);return{actionState:T,handleMessageLongPress:S,handleActionSheetClose:V,handleActionPress:I}}import{useState as La,useCallback as oo}from"react";function so(M={}){let{enableReactionDetails:R=!0}=M,[T,C]=La({isReactionDetailsVisible:!1,selectedReactions:[],selectedMessageText:""}),[S,V]=La(null),I=oo(B=>{R&&B.reactions&&B.reactions.length>0&&(V(B),C({isReactionDetailsVisible:!0,selectedReactions:B.reactions,selectedMessageText:B.text}))},[R]),P=oo(()=>{C({isReactionDetailsVisible:!1,selectedReactions:[],selectedMessageText:""}),V(null)},[]),D=oo((B,k)=>{S&&k?.(S.id,B),P()},[S,P]),E=oo((B,k)=>{S&&k?.(S.id,B),P()},[S,P]),v=oo((B,k)=>{S&&k?.(S.id,B)},[S]);return{reactionState:T,selectedMessage:S,handleReactionPress:I,handleReactionDetailsClose:P,handleAddReaction:D,handleRemoveReaction:E,handleEmojiReact:v}}import{useState as al,useCallback as ja}from"react";function ks(){let[M,R]=al({replyToMessage:null}),T=ja(S=>{R({replyToMessage:S})},[]),C=ja(()=>{R({replyToMessage:null})},[]);return{replyState:M,setReplyToMessage:T,clearReply:C}}var Ea=rl(null);function Ht(){let M=il(Ea);if(!M)throw new Error("useMessageListContext must be used within MessageListProvider");return M}function Mo({children:M,messages:R,config:T={},...C}){let S=eo(R,T),V=Bs(T),I=to(T),P=so(T),D=ks();nl.useEffect(()=>{V.handleNewMessages(R.length)},[R.length,V.handleNewMessages]);let E=ll(()=>({messageList:S,scroll:V,actions:I,reactions:P,reply:D,config:T,callbacks:C}),[S,V,I,P,D,T,C]);return<Ea.Provider value={E}>
|
|
401
401
|
{M}
|
|
402
|
-
</Ea.Provider>}import{useCallback as
|
|
403
|
-
<
|
|
404
|
-
<
|
|
405
|
-
<
|
|
406
|
-
<
|
|
407
|
-
<
|
|
408
|
-
<
|
|
409
|
-
</
|
|
410
|
-
</Mo>});He.displayName="MessageList";import wl from"react";function Re(M){let R=wl.forwardRef((
|
|
411
|
-
{M&&M.trim()!==""?<Il source={{uri:M}}style={[I,{borderRadius:
|
|
412
|
-
<Pl style={{color:
|
|
402
|
+
</Ea.Provider>}import{useCallback as Yo}from"react";import{View as Ml,StyleSheet as Cl,FlatList as Tl}from"react-native";var Je={Provider:Mo,Container:({children:M,style:R})=><Ml style={[Fa.container,R]}>{M}</Ml>,Messages:({renderMessage:M,style:R})=>{let{messageList:T,scroll:C,actions:S,reactions:V,callbacks:I}=Ht(),P=Yo(({item:E,index:v})=>M&&E.listItemType!=="date-separator"?M({message:E,index:v})||null:E.listItemType==="date-separator"?<Uo date={E.date}displayDate={E.displayDate}/>:<Fo message={E}onLongPress={S.handleMessageLongPress}onReactionPress={V.handleReactionPress}onReactionRemove={I.onReactionRemove}/>,[S.handleMessageLongPress,V.handleReactionPress,I.onReactionRemove,M]),D=Yo(E=>{C.handleScroll(E);let{isNearBottom:v,isNearTop:B}=C.scrollState;I.onScrollPositionChange?.(v,B),v&&I.onScrollToBottom?.(),B&&I.onScrollToTop?.()},[C.handleScroll,C.scrollState,I]);return<Tl ref={C.flatListRef}data={T.messageItems}renderItem={P}keyExtractor={T.keyExtractor}contentContainerStyle={[Fa.contentContainer,R]}onContentSizeChange={C.handleContentSizeChange}onScroll={D}{...T.flatListProps}/>},TypingIndicator:({isVisible:M})=>M?<Ot isVisible={M}/>:null,ScrollButton:({visible:M,isReplyActive:R,onPress:T})=>{let{scroll:C}=Ht();return<Wo visible={M??C.scrollState.showScrollToBottomButton}onPress={T??C.scrollToEnd}isReplyActive={R}/>},ActionSheet:()=>{let{actions:M,reactions:R,reply:T,callbacks:C,config:S}=Ht(),V=Yo(P=>{M.handleActionPress(P,{onReply:D=>{T.setReplyToMessage(D),C.onReplyMessage?.(D)},onDelete:C.onMessageDelete,onCustomAction:C.onActionPress})},[M.handleActionPress,T.setReplyToMessage,C]),I=Yo(P=>{console.log("\u{1F525} MessageListCompound - handleEmojiReact called with emoji:",P);let D=M.actionState.selectedMessage;console.log("\u{1F525} MessageListCompound - selectedMessage:",D?.id,"callbacks.onReactionAdd exists:",!!C.onReactionAdd),D&&C.onReactionAdd?(console.log("\u{1F525} MessageListCompound - Calling onReactionAdd for message:",D.id,"emoji:",P),C.onReactionAdd(D.id,P)):console.log("\u{1F525} MessageListCompound - NOT calling onReactionAdd. selectedMessage:",!!D,"callback exists:",!!C.onReactionAdd)},[M.actionState.selectedMessage,C.onReactionAdd]);return S.enableMessageActions?<Oo visible={M.actionState.actionSheetVisible}onClose={M.handleActionSheetClose}isMyMessage={M.actionState.selectedMessage?.isMe||!1}selectedMessage={M.actionState.selectedMessage||void 0}messagePosition={M.actionState.messagePosition}onActionPress={V}onEmojiReact={I}/>:null},ReactionDetails:()=>{let{reactions:M,callbacks:R,config:T}=Ht();return T.enableReactionDetails?<Ho visible={M.reactionState.isReactionDetailsVisible}onClose={M.handleReactionDetailsClose}reactions={M.reactionState.selectedReactions}messageText={M.reactionState.selectedMessageText}onRemoveReaction={C=>M.handleRemoveReaction(C,R.onReactionRemove)}/>:null}},Fa=Cl.create({container:{flex:1},contentContainer:{paddingVertical:16}});var He=Sl(({messages:M,isTyping:R,showScrollToBottom:T=!1,isReplyActive:C=!1,...S},V)=>{let I={scrollThreshold:S.scrollThreshold,autoScrollToBottom:S.autoScrollToBottom,enableMessageActions:S.enableMessageActions,enableReactionDetails:S.enableReactionDetails},P={onScrollToBottom:S.onScrollToBottom,onScrollToTop:S.onScrollToTop,onScrollPositionChange:S.onScrollPositionChange,onReactionAdd:S.onReactionAdd,onReactionRemove:S.onReactionRemove,onMessageDelete:S.onMessageDelete,onReplyMessage:S.onReplyMessage,onActionPress:S.onActionPress};return Rl.useImperativeHandle(V,()=>({scrollToEnd:(D=!0)=>{},scrollToOffset:(D,E=!0)=>{},scrollToIndex:(D,E=!0)=>{}}),[]),<Mo messages={M}config={I}{...P}>
|
|
403
|
+
<Je.Container>
|
|
404
|
+
<Je.Messages/>
|
|
405
|
+
<Je.TypingIndicator isVisible={R}/>
|
|
406
|
+
<Je.ScrollButton visible={T?void 0:!1}isReplyActive={C}/>
|
|
407
|
+
<Je.ActionSheet/>
|
|
408
|
+
<Je.ReactionDetails/>
|
|
409
|
+
</Je.Container>
|
|
410
|
+
</Mo>});He.displayName="MessageList";import wl from"react";function Re(M){let R=wl.forwardRef((C,S)=>(It(),<M{...C}ref={S}/>)),T=M.displayName||M.name||"Component";return R.displayName=`RequireAuth(${T})`,R}function Be(M){return(...R)=>(It(),M(...R))}import{FlatList as Dl,RefreshControl as Ll}from"react-native";import{View as To,Text as $o,TouchableOpacity as Vl}from"react-native";import{View as Ls,Image as Il,Text as Pl}from"react-native";var Al=({avatar:M,isOnline:R=!1,size:T="medium"})=>{let C=q(),S=()=>{switch(T){case"small":return{width:32,height:32};case"large":return{width:64,height:64};default:return{width:48,height:48}}},V=()=>{switch(T){case"small":return{width:12,height:12};case"large":return{width:24,height:24};default:return{width:16,height:16}}},I=S(),P=V(),E=(()=>{switch(T){case"small":return 14;case"large":return 28;default:return 20}})();return<Ls style={{position:"relative"}}>
|
|
411
|
+
{M&&M.trim()!==""?<Il source={{uri:M}}style={[I,{borderRadius:C.borderRadius.full}]}resizeMode="cover"/>:<Ls style={[I,{borderRadius:C.borderRadius.full,backgroundColor:C.colors.primary,justifyContent:"center",alignItems:"center"}]}>
|
|
412
|
+
<Pl style={{color:C.colors.background,fontSize:E,fontWeight:"600"}}>
|
|
413
413
|
👤
|
|
414
414
|
</Pl>
|
|
415
415
|
</Ls>}
|
|
416
416
|
|
|
417
417
|
{}
|
|
418
|
-
{R&&<Ls style={[P,{position:"absolute",bottom:-2,right:-2,backgroundColor:
|
|
419
|
-
</Ls>},
|
|
420
|
-
<
|
|
421
|
-
<
|
|
422
|
-
</
|
|
418
|
+
{R&&<Ls style={[P,{position:"absolute",bottom:-2,right:-2,backgroundColor:C.colors.online,borderRadius:C.borderRadius.full,borderWidth:2,borderColor:C.colors.background}]}/>}
|
|
419
|
+
</Ls>},Co=Al;var Bl=({item:M,onPress:R})=>{let T=q(),C=M.unreadCount&&M.unreadCount>0;return<Vl style={{flexDirection:"row",alignItems:"center",paddingHorizontal:T.spacing.lg,paddingVertical:T.spacing.md,borderBottomWidth:1,borderBottomColor:T.colors.borderLight,backgroundColor:C?T.colors.unread:T.colors.background}}onPress={()=>R(M)}>
|
|
420
|
+
<To style={{marginRight:T.spacing.md}}>
|
|
421
|
+
<Co avatar={M.avatar}isOnline={M.isOnline}size="medium"/>
|
|
422
|
+
</To>
|
|
423
423
|
|
|
424
|
-
<
|
|
424
|
+
<To style={{flex:1,marginRight:T.spacing.md}}>
|
|
425
425
|
{}
|
|
426
|
-
<
|
|
427
|
-
|
|
426
|
+
<To style={{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:T.spacing.xs}}>
|
|
427
|
+
<$o style={{fontSize:T.typography.fontSize.base,flex:1,fontWeight:C?T.typography.fontWeight.bold:T.typography.fontWeight.semibold,color:T.colors.text}}>
|
|
428
428
|
{M.name}
|
|
429
|
-
|
|
430
|
-
|
|
429
|
+
</$o>
|
|
430
|
+
<$o style={{fontSize:T.typography.fontSize.sm,marginLeft:T.spacing.sm,color:C?T.colors.gray[700]:T.colors.textSecondary,fontWeight:C?T.typography.fontWeight.medium:T.typography.fontWeight.normal}}>
|
|
431
431
|
{M.time}
|
|
432
|
-
|
|
433
|
-
</
|
|
432
|
+
</$o>
|
|
433
|
+
</To>
|
|
434
434
|
|
|
435
435
|
{}
|
|
436
|
-
<
|
|
437
|
-
|
|
436
|
+
<To style={{flexDirection:"row",alignItems:"center"}}>
|
|
437
|
+
<$o style={{fontSize:T.typography.fontSize.sm,flex:1,color:C?T.colors.gray[800]:T.colors.textSecondary,fontWeight:C?T.typography.fontWeight.medium:T.typography.fontWeight.normal}}numberOfLines={1}>
|
|
438
438
|
{M.message}
|
|
439
|
-
|
|
440
|
-
{M.unreadCount&&<
|
|
441
|
-
|
|
439
|
+
</$o>
|
|
440
|
+
{M.unreadCount&&<To style={{width:20,height:20,backgroundColor:T.colors.primary,borderRadius:T.borderRadius.full,alignItems:"center",justifyContent:"center",marginLeft:T.spacing.sm}}>
|
|
441
|
+
<$o style={{fontSize:T.typography.fontSize.xs,color:"white",fontWeight:T.typography.fontWeight.bold}}>
|
|
442
442
|
{M.unreadCount}
|
|
443
|
-
|
|
444
|
-
</
|
|
445
|
-
</
|
|
446
|
-
</
|
|
447
|
-
</Vl>},Ro=
|
|
443
|
+
</$o>
|
|
444
|
+
</To>}
|
|
445
|
+
</To>
|
|
446
|
+
</To>
|
|
447
|
+
</Vl>},Ro=Bl;var jl=({chats:M,onChatPress:R,onRefresh:T,refreshing:C=!1})=>{let S=({item:V})=><Ro item={V}onPress={R}/>;return<Dl data={M}renderItem={S}keyExtractor={V=>V.id}showsVerticalScrollIndicator={!1}style={{flex:1}}refreshControl={T?<Ll refreshing={C}onRefresh={T}tintColor="#007AFF"colors={["#007AFF"]}/>:void 0}/>},js=jl;import{View as El,Text as Fl}from"react-native";var Ol=({title:M})=>{let R=q();return<El style={{backgroundColor:R.colors.background,paddingHorizontal:R.spacing.lg,paddingVertical:R.spacing.lg,borderBottomWidth:1,borderBottomColor:R.colors.borderLight}}>
|
|
448
448
|
<Fl style={{fontSize:R.typography.fontSize.xxl,fontWeight:R.typography.fontWeight.bold,color:R.colors.text}}>
|
|
449
449
|
{M}
|
|
450
450
|
</Fl>
|
|
451
|
-
</El>},Es=Ol;import{View as Fs,TextInput as Hl,TouchableOpacity as Nl}from"react-native";import{Search as Wl,X as Ul}from"lucide-react-native";var Kl=({value:M,onChangeText:R,onClear:
|
|
451
|
+
</El>},Es=Ol;import{View as Fs,TextInput as Hl,TouchableOpacity as Nl}from"react-native";import{Search as Wl,X as Ul}from"lucide-react-native";var Kl=({value:M,onChangeText:R,onClear:T,placeholder:C})=>{let S=q(),I=Te()("search.placeholder");return<Fs style={{backgroundColor:S.colors.background,paddingHorizontal:S.spacing.lg,paddingVertical:S.spacing.md,borderBottomWidth:1,borderBottomColor:S.colors.borderLight}}>
|
|
452
452
|
<Fs style={{position:"relative"}}>
|
|
453
453
|
<Fs style={{position:"absolute",left:S.spacing.md,top:"50%",transform:[{translateY:-10}],zIndex:10}}>
|
|
454
454
|
<Wl size={20}color={S.colors.textMuted}/>
|
|
455
455
|
</Fs>
|
|
456
456
|
|
|
457
|
-
<Hl value={M}onChangeText={R}placeholder={
|
|
457
|
+
<Hl value={M}onChangeText={R}placeholder={C||I}placeholderTextColor={S.colors.textMuted}style={{backgroundColor:S.colors.surfaceSecondary,borderRadius:S.borderRadius.full,paddingLeft:48,paddingRight:40,paddingVertical:S.spacing.md,color:S.colors.text,fontSize:S.typography.fontSize.base}}autoCapitalize="none"autoCorrect={!1}clearButtonMode="never"/>
|
|
458
458
|
|
|
459
|
-
{M.length>0&&<Nl onPress={
|
|
459
|
+
{M.length>0&&<Nl onPress={T}style={{position:"absolute",right:S.spacing.md,top:"50%",transform:[{translateY:-10}]}}hitSlop={{top:10,bottom:10,left:10,right:10}}>
|
|
460
460
|
<Ul size={20}color={S.colors.textMuted}/>
|
|
461
461
|
</Nl>}
|
|
462
462
|
</Fs>
|
|
463
|
-
</Fs>},Os=Kl;import{useState as
|
|
463
|
+
</Fs>},Os=Kl;import{useState as ql,useCallback as Nt}from"react";import Hs from"dayjs";var St=Hs(),Oa=St.subtract(1,"day"),Ha=St.subtract(2,"day"),Na=St.subtract(3,"day"),Yl=[{id:1,text:"Hi! How are you?",isMe:!1,timestamp:Na.hour(10).minute(30).toISOString(),senderName:"Anna"},{id:2,text:"Hey! Great, thanks! And you?",isMe:!0,timestamp:Na.hour(10).minute(31).toISOString(),reactions:[{emoji:"\u2764\uFE0F",count:1,users:["anna"]}]},{id:3,text:"Good too! What are we doing tonight?",isMe:!1,timestamp:Ha.hour(14).minute(20).toISOString(),senderName:"Anna"},{id:4,text:"Maybe we could go to the movies?",isMe:!0,timestamp:Ha.hour(14).minute(25).toISOString(),reactions:[{emoji:"\u{1F44D}",count:2,users:["anna","me"]},{emoji:"\u{1F3AC}",count:1,users:["anna"]}]},{id:5,text:"Good idea! I'll check the showtimes",isMe:!1,timestamp:Oa.hour(9).minute(15).toISOString(),senderName:"Anna"},{id:6,text:"Great! What movies are you interested in?",isMe:!0,timestamp:Oa.hour(9).minute(20).toISOString()},{id:7,text:"Maybe something action or comedy?",isMe:!1,timestamp:St.hour(8).minute(30).toISOString(),senderName:"Anna",reactions:[{emoji:"\u{1F602}",count:1,users:["me"]},{emoji:"\u{1F3AD}",count:1,users:["anna"]}]},{id:8,text:"Sounds great! I'll check what's playing",isMe:!0,timestamp:St.hour(8).minute(35).toISOString()},{id:9,text:"Perfect! What time should we meet?",isMe:!1,timestamp:St.hour(9).minute(10).toISOString(),senderName:"Anna",replyTo:{id:8,text:"Sounds great! I'll check what's playing",senderName:void 0,isMe:!0,type:"text"}},{id:10,text:"How about 7:00 PM? The show is at 8:00 PM",isMe:!0,timestamp:St.hour(9).minute(15).toISOString(),reactions:[{emoji:"\u{1F44D}",count:1,users:["anna"]},{emoji:"\u23F0",count:1,users:["me"]}]}],Ns=M=>{let R=Yl.map(v=>v.isMe?v:{...v,senderName:M||v.senderName}),[T,C]=ql(R),S=Nt((v,B)=>{if(console.log("sendMessage called with text:",v,"and replyTo:",B),!v.trim())return;let k={id:Date.now(),text:v.trim(),isMe:!0,timestamp:Hs().toISOString(),status:"sent",replyTo:B};C(A=>[...A,k]),setTimeout(()=>{C(A=>A.map(z=>z.id===k.id?{...z,status:"delivered"}:z))},1e3),setTimeout(()=>{C(A=>A.map(z=>z.id===k.id?{...z,status:"read"}:z))},3e3)},[]),V=Nt((v,B,k)=>{let A={id:Date.now(),text:B||"",isMe:!0,timestamp:Hs().toISOString(),status:"sent",type:"image",imageData:v,replyTo:k};C(z=>[...z,A]),setTimeout(()=>{C(z=>z.map(L=>L.id===A.id?{...L,status:"delivered"}:L))},1e3),setTimeout(()=>{C(z=>z.map(L=>L.id===A.id?{...L,status:"read"}:L))},3e3)},[]),I=Nt((v,B)=>{C(k=>k.map(A=>A.id===v?{...A,status:B}:A))},[]),P=Nt((v,B)=>{C(k=>k.map(A=>{if(A.id===v){let z=A.reactions||[],L=z.findIndex(O=>O.emoji===B);if(L>=0){let O=[...z];return O[L]={...O[L],count:O[L].count+1,users:[...O[L].users,"me"]},{...A,reactions:O}}else{let O={emoji:B,count:1,users:["me"]};return{...A,reactions:[...z,O]}}}return A}))},[]),D=Nt((v,B)=>{console.log("removeReaction 1212121 called with messageId:",v,"and emoji:",B),C(k=>k.map(A=>{if(A.id===v){let z=A.reactions||[],L=z.findIndex(O=>O.emoji===B);if(L>=0){let O=z[L];if(O.count>1){let j=[...z];return j[L]={...O,count:O.count-1,users:O.users.filter(H=>H!=="me")},{...A,reactions:j}}else return{...A,reactions:z.filter(j=>j.emoji!==B)}}}return A}))},[]),E=Nt(v=>{console.log("deleteMessage called with messageId:",v),C(B=>{let k=B.map(A=>A.id===v?{...A,deleted:!0}:A);return console.log("Message marked as deleted:",v),k})},[]);return{messages:T,sendMessage:S,sendImageMessage:V,updateMessageStatus:I,addReaction:P,deleteMessage:E,removeReaction:D}};import{useState as Wa,useCallback as Fe}from"react";var Ws=(M={})=>{It();let[R,T]=Wa(M.initialMessages||[]),[C,S]=Wa(!1),V=Fe((z,L)=>{let O={id:Date.now(),text:z,isMe:!0,timestamp:new Date().toISOString(),status:"sent",replyTo:L?{id:L.id,text:L.text,senderName:L.senderName,isMe:L.isMe}:void 0};T(j=>[O,...j])},[]),I=Fe(z=>{T(L=>[z,...L])},[]),P=Fe((z,L)=>{T(O=>O.map(j=>j.id===z?{...j,...L}:j))},[]),D=Fe(z=>{T(L=>L.filter(O=>O.id!==z))},[]),E=Fe((z,L)=>{T(O=>O.map(j=>{if(j.id!==z)return j;let H=j.reactions||[];if(H.find(F=>F.emoji===L))return{...j,reactions:H.map(F=>F.emoji===L?{...F,count:F.count+1,users:[...F.users,"current-user"]}:F)};{let F={emoji:L,count:1,users:["current-user"]};return{...j,reactions:[...H,F]}}}))},[]),v=Fe((z,L)=>{T(O=>O.map(j=>{if(j.id!==z)return j;let H=j.reactions||[],N=H.find(F=>F.emoji===L);return N?N.count<=1?{...j,reactions:H.filter(F=>F.emoji!==L)}:{...j,reactions:H.map(F=>F.emoji===L?{...F,count:F.count-1,users:F.users.filter(_=>_!=="current-user")}:F)}:j}))},[]),B=Fe(z=>{S(z)},[]),k=Fe(()=>{T(M.initialMessages||[]),S(!1)},[M.initialMessages]),A=Fe(z=>R.find(L=>L.id===z),[R]);return{messages:R,isTyping:C,sendMessage:V,addReaction:E,removeReaction:v,setMessages:T,addMessage:I,updateMessage:P,deleteMessage:D,setTyping:B,resetChat:k,getMessageById:A}};import{useState as mp,useCallback as up,useRef as gp,useEffect as pp}from"react";var Ua=()=>{let M=Te(),R=()=>"en";return{formatDate:P=>ea(P,M,R()),formatTime:P=>Gt(P,R()),formatRelative:P=>ta(P,R()),formatDateTimeWithTime:P=>oa(P,M,R()),groupMessages:P=>zo(P,R())}};var Wp=Re(es),Up=Re(Jo),Kp=Be(Kt),Yp=Re(He),$p=Re(Oe),_p=Re(Ao),Xp=Re(Ot),Qp=Re(js),eh=Re(Ro),th=Re(Es),oh=Re(Os),nh=Re(Co),rh=Re(Tt),ch=Re(Qs),dh=Be(q),hh=Be(Ws),fh=Be(Ns),yh=Be(eo),xh=Be(to),bh=Be(so),Mh=Be(Yt),Th=Be(Qt),Sh=Be(Ua);export{rh as AttachmentMenu,Wp as Chat,nh as ChatAvatar,th as ChatHeader,eh as ChatItem,Qp as ChatList,oh as ChatListSearchBar,Up as ChatProvider,_p as ChatScreenHeader,Io as I18nProvider,$p as MessageInput,Yp as MessageList,ch as ThemeProvider,Xp as TypingIndicator,$t as defaultTheme,So as defaultTranslations,Ka as getAuthState,qa as getProjectId,Ut as getTranslation,$a as initChat,Ya as isInitialized,wo as isSupportedLocale,Mh as useAttachments,Kp as useChatConfig,fh as useChatMessages,hh as useChatSDK,Sh as useDateFormatter,xh as useMessageActions,Th as useMessageInput,yh as useMessageList,bh as useMessageReactions,dh as useTheme,Gs as useTranslation,Te as useTranslationFunction};
|