@droppii-org/chat-mobile 0.2.66 → 0.2.68
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/lib/module/components/Avatar/Avatar.js +39 -2
- package/lib/module/components/Avatar/Avatar.js.map +1 -1
- package/lib/module/components/Avatar/DoubleAvatar.js +18 -18
- package/lib/module/components/Avatar/DoubleAvatar.js.map +1 -1
- package/lib/module/components/Avatar/QuadAvatar.js +131 -0
- package/lib/module/components/Avatar/QuadAvatar.js.map +1 -0
- package/lib/module/components/Avatar/TripleAvatar.js +97 -0
- package/lib/module/components/Avatar/TripleAvatar.js.map +1 -0
- package/lib/module/components/Avatar/index.js +2 -0
- package/lib/module/components/Avatar/index.js.map +1 -1
- package/lib/module/components/ThreadCard/AvatarSection.js +41 -0
- package/lib/module/components/ThreadCard/AvatarSection.js.map +1 -1
- package/lib/module/components/ThreadCard/NamePrefixIcon.js +5 -4
- package/lib/module/components/ThreadCard/NamePrefixIcon.js.map +1 -1
- package/lib/module/components/ThreadCard/ThreadCard.js +3 -1
- package/lib/module/components/ThreadCard/ThreadCard.js.map +1 -1
- package/lib/module/components/messages/groupNotificationMessage/index.js +25 -0
- package/lib/module/components/messages/groupNotificationMessage/index.js.map +1 -0
- package/lib/module/context/ChatContext.js +1 -1
- package/lib/module/context/ChatContext.js.map +1 -1
- package/lib/module/context/ChatDetailContext.js +9 -0
- package/lib/module/context/ChatDetailContext.js.map +1 -1
- package/lib/module/core/useChatListener.js +121 -21
- package/lib/module/core/useChatListener.js.map +1 -1
- package/lib/module/hooks/conversation/useGetGroupInfo.js +3 -1
- package/lib/module/hooks/conversation/useGetGroupInfo.js.map +1 -1
- package/lib/module/hooks/message/usePinMessage.js +4 -2
- package/lib/module/hooks/message/usePinMessage.js.map +1 -1
- package/lib/module/hooks/message/useSendMessage.js +13 -15
- package/lib/module/hooks/message/useSendMessage.js.map +1 -1
- package/lib/module/hooks/useConversationList.js +9 -4
- package/lib/module/hooks/useConversationList.js.map +1 -1
- package/lib/module/hooks/useGroupPermission.js +34 -0
- package/lib/module/hooks/useGroupPermission.js.map +1 -0
- package/lib/module/screens/ChatInfo/ChatInfoProfile.js +4 -2
- package/lib/module/screens/ChatInfo/ChatInfoProfile.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatComposer.js +16 -18
- package/lib/module/screens/chat-detail/ChatComposer.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatDetail.js +7 -0
- package/lib/module/screens/chat-detail/ChatDetail.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatDetailHeader.js +10 -3
- package/lib/module/screens/chat-detail/ChatDetailHeader.js.map +1 -1
- package/lib/module/screens/chat-detail/conversationHeader.utils.js +13 -3
- package/lib/module/screens/chat-detail/conversationHeader.utils.js.map +1 -1
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js +29 -2
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js.map +1 -1
- package/lib/module/screens/chat-detail/messageToolbox/MessageToolboxOverlay.js +5 -0
- package/lib/module/screens/chat-detail/messageToolbox/MessageToolboxOverlay.js.map +1 -1
- package/lib/module/screens/inbox/MessagesTab.js.map +1 -1
- package/lib/module/store/conversation.js +56 -12
- package/lib/module/store/conversation.js.map +1 -1
- package/lib/module/translation/resources/i18n.js +32 -0
- package/lib/module/translation/resources/i18n.js.map +1 -1
- package/lib/module/types/events.js +1 -0
- package/lib/module/types/events.js.map +1 -1
- package/lib/module/utils/messageUtils.js +95 -2
- package/lib/module/utils/messageUtils.js.map +1 -1
- package/lib/typescript/src/components/Avatar/Avatar.d.ts +1 -1
- package/lib/typescript/src/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/src/components/Avatar/Avatar.types.d.ts +5 -1
- package/lib/typescript/src/components/Avatar/Avatar.types.d.ts.map +1 -1
- package/lib/typescript/src/components/Avatar/DoubleAvatar.d.ts.map +1 -1
- package/lib/typescript/src/components/Avatar/QuadAvatar.d.ts +16 -0
- package/lib/typescript/src/components/Avatar/QuadAvatar.d.ts.map +1 -0
- package/lib/typescript/src/components/Avatar/TripleAvatar.d.ts +15 -0
- package/lib/typescript/src/components/Avatar/TripleAvatar.d.ts.map +1 -0
- package/lib/typescript/src/components/Avatar/index.d.ts +2 -0
- package/lib/typescript/src/components/Avatar/index.d.ts.map +1 -1
- package/lib/typescript/src/components/ThreadCard/AvatarSection.d.ts +2 -2
- package/lib/typescript/src/components/ThreadCard/AvatarSection.d.ts.map +1 -1
- package/lib/typescript/src/components/ThreadCard/NamePrefixIcon.d.ts +3 -1
- package/lib/typescript/src/components/ThreadCard/NamePrefixIcon.d.ts.map +1 -1
- package/lib/typescript/src/components/ThreadCard/ThreadCard.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/groupNotificationMessage/index.d.ts +3 -0
- package/lib/typescript/src/components/messages/groupNotificationMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/context/ChatDetailContext.d.ts +2 -0
- package/lib/typescript/src/context/ChatDetailContext.d.ts.map +1 -1
- package/lib/typescript/src/core/useChatListener.d.ts.map +1 -1
- package/lib/typescript/src/hooks/conversation/useGetGroupInfo.d.ts.map +1 -1
- package/lib/typescript/src/hooks/message/usePinMessage.d.ts.map +1 -1
- package/lib/typescript/src/hooks/message/useSendMessage.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useConversationList.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useGroupPermission.d.ts +6 -0
- package/lib/typescript/src/hooks/useGroupPermission.d.ts.map +1 -0
- package/lib/typescript/src/screens/ChatInfo/ChatInfoProfile.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatComposer.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetail.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetailHeader.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/conversationHeader.utils.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/conversationHeader.utils.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts.map +1 -1
- package/lib/typescript/src/screens/inbox/MessagesTab.d.ts.map +1 -1
- package/lib/typescript/src/store/conversation.d.ts +11 -0
- package/lib/typescript/src/store/conversation.d.ts.map +1 -1
- package/lib/typescript/src/translation/resources/i18n.d.ts.map +1 -1
- package/lib/typescript/src/types/events.d.ts +6 -1
- package/lib/typescript/src/types/events.d.ts.map +1 -1
- package/lib/typescript/src/utils/messageUtils.d.ts +6 -1
- package/lib/typescript/src/utils/messageUtils.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/build-ignore.d.ts +1 -0
- package/src/components/Avatar/Avatar.tsx +47 -0
- package/src/components/Avatar/Avatar.types.ts +5 -1
- package/src/components/Avatar/DoubleAvatar.tsx +16 -13
- package/src/components/Avatar/QuadAvatar.tsx +161 -0
- package/src/components/Avatar/TripleAvatar.tsx +119 -0
- package/src/components/Avatar/index.ts +2 -0
- package/src/components/ThreadCard/AvatarSection.tsx +58 -2
- package/src/components/ThreadCard/NamePrefixIcon.tsx +32 -25
- package/src/components/ThreadCard/ThreadCard.tsx +2 -0
- package/src/components/messages/groupNotificationMessage/index.tsx +28 -0
- package/src/context/ChatContext.tsx +1 -1
- package/src/context/ChatDetailContext.tsx +15 -0
- package/src/core/useChatListener.ts +176 -23
- package/src/hooks/conversation/useGetGroupInfo.ts +2 -0
- package/src/hooks/message/usePinMessage.ts +8 -2
- package/src/hooks/message/useSendMessage.ts +22 -18
- package/src/hooks/useConversationList.ts +17 -7
- package/src/hooks/useGroupPermission.ts +43 -0
- package/src/screens/ChatInfo/ChatInfoProfile.tsx +6 -3
- package/src/screens/chat-detail/ChatComposer.tsx +29 -32
- package/src/screens/chat-detail/ChatDetail.tsx +12 -1
- package/src/screens/chat-detail/ChatDetailHeader.tsx +19 -3
- package/src/screens/chat-detail/conversationHeader.utils.ts +14 -6
- package/src/screens/chat-detail/legend/LegendChatMessage.tsx +36 -1
- package/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx +8 -1
- package/src/screens/inbox/MessagesTab.tsx +0 -1
- package/src/store/conversation.ts +62 -17
- package/src/translation/resources/i18n.ts +32 -0
- package/src/types/events.ts +6 -0
- package/src/utils/messageUtils.ts +103 -1
|
@@ -5,6 +5,8 @@ import { StyleSheet } from 'react-native';
|
|
|
5
5
|
import { KContainer, KColors } from '@droppii/libs';
|
|
6
6
|
import { SingleAvatar } from "./SingleAvatar.js";
|
|
7
7
|
import { DoubleAvatar } from "./DoubleAvatar.js";
|
|
8
|
+
import { TripleAvatar } from "./TripleAvatar.js";
|
|
9
|
+
import { QuadAvatar } from "./QuadAvatar.js";
|
|
8
10
|
import { AvatarBadge } from "./AvatarBadge.js";
|
|
9
11
|
import { SIZE_MAP } from "./Avatar.utils.js";
|
|
10
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -13,8 +15,12 @@ const Avatar = /*#__PURE__*/memo(({
|
|
|
13
15
|
size = 'md',
|
|
14
16
|
type = 'single',
|
|
15
17
|
secondarySource,
|
|
18
|
+
tertiarySource,
|
|
19
|
+
remainingCount,
|
|
16
20
|
badge,
|
|
17
21
|
fullName,
|
|
22
|
+
secondaryFullName,
|
|
23
|
+
tertiaryFullName,
|
|
18
24
|
borderColor = KColors.white,
|
|
19
25
|
borderWidth = 1,
|
|
20
26
|
placeholderColor = KColors.palette.gray.w400,
|
|
@@ -22,6 +28,35 @@ const Avatar = /*#__PURE__*/memo(({
|
|
|
22
28
|
}) => {
|
|
23
29
|
const sizeValue = useMemo(() => SIZE_MAP[size], [size]);
|
|
24
30
|
const content = useMemo(() => {
|
|
31
|
+
if (type === 'quad' && remainingCount) {
|
|
32
|
+
return /*#__PURE__*/_jsx(QuadAvatar, {
|
|
33
|
+
primarySource: source,
|
|
34
|
+
secondarySource: secondarySource,
|
|
35
|
+
tertiarySource: tertiarySource,
|
|
36
|
+
remainingCount: remainingCount,
|
|
37
|
+
size: sizeValue,
|
|
38
|
+
borderColor: borderColor,
|
|
39
|
+
borderWidth: borderWidth,
|
|
40
|
+
placeholderColor: placeholderColor,
|
|
41
|
+
primaryFullName: fullName,
|
|
42
|
+
secondaryFullName: secondaryFullName,
|
|
43
|
+
tertiaryFullName: tertiaryFullName
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
if (type === 'triple') {
|
|
47
|
+
return /*#__PURE__*/_jsx(TripleAvatar, {
|
|
48
|
+
primarySource: source,
|
|
49
|
+
secondarySource: secondarySource,
|
|
50
|
+
tertiarySource: tertiarySource,
|
|
51
|
+
size: sizeValue,
|
|
52
|
+
borderColor: borderColor,
|
|
53
|
+
borderWidth: borderWidth,
|
|
54
|
+
placeholderColor: placeholderColor,
|
|
55
|
+
primaryFullName: fullName,
|
|
56
|
+
secondaryFullName: secondaryFullName,
|
|
57
|
+
tertiaryFullName: tertiaryFullName
|
|
58
|
+
});
|
|
59
|
+
}
|
|
25
60
|
if (type === 'double') {
|
|
26
61
|
return /*#__PURE__*/_jsx(DoubleAvatar, {
|
|
27
62
|
primarySource: source,
|
|
@@ -29,7 +64,9 @@ const Avatar = /*#__PURE__*/memo(({
|
|
|
29
64
|
size: sizeValue,
|
|
30
65
|
borderColor: borderColor,
|
|
31
66
|
borderWidth: borderWidth,
|
|
32
|
-
placeholderColor: placeholderColor
|
|
67
|
+
placeholderColor: placeholderColor,
|
|
68
|
+
primaryFullName: fullName,
|
|
69
|
+
secondaryFullName: secondaryFullName
|
|
33
70
|
});
|
|
34
71
|
}
|
|
35
72
|
return /*#__PURE__*/_jsx(SingleAvatar, {
|
|
@@ -41,7 +78,7 @@ const Avatar = /*#__PURE__*/memo(({
|
|
|
41
78
|
backgroundColor: KColors.palette.gray.w300,
|
|
42
79
|
fullName: fullName
|
|
43
80
|
});
|
|
44
|
-
}, [type, source, secondarySource, sizeValue, borderColor, borderWidth, placeholderColor, fullName]);
|
|
81
|
+
}, [type, source, secondarySource, tertiarySource, remainingCount, sizeValue, borderColor, borderWidth, placeholderColor, fullName, secondaryFullName, tertiaryFullName]);
|
|
45
82
|
const containerStyle = useMemo(() => ({
|
|
46
83
|
width: sizeValue,
|
|
47
84
|
height: sizeValue
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useMemo","StyleSheet","KContainer","KColors","SingleAvatar","DoubleAvatar","AvatarBadge","SIZE_MAP","jsx","_jsx","jsxs","_jsxs","Avatar","source","size","type","secondarySource","badge","fullName","borderColor","white","borderWidth","placeholderColor","palette","gray","w400","onPress","sizeValue","content","primarySource","backgroundColor","w300","containerStyle","width","height","Touchable","style","styles","container","activeOpacity","children","variant","View","displayName","create","position","justifyContent","alignItems","overflow"],"sourceRoot":"../../../../src","sources":["components/Avatar/Avatar.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AACrC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,OAAO,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,QAAQ,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,MAAMC,MAAM,
|
|
1
|
+
{"version":3,"names":["memo","useMemo","StyleSheet","KContainer","KColors","SingleAvatar","DoubleAvatar","TripleAvatar","QuadAvatar","AvatarBadge","SIZE_MAP","jsx","_jsx","jsxs","_jsxs","Avatar","source","size","type","secondarySource","tertiarySource","remainingCount","badge","fullName","secondaryFullName","tertiaryFullName","borderColor","white","borderWidth","placeholderColor","palette","gray","w400","onPress","sizeValue","content","primarySource","primaryFullName","backgroundColor","w300","containerStyle","width","height","Touchable","style","styles","container","activeOpacity","children","variant","View","displayName","create","position","justifyContent","alignItems","overflow"],"sourceRoot":"../../../../src","sources":["components/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,23 +15,22 @@ export const DoubleAvatar = /*#__PURE__*/memo(({
|
|
|
15
15
|
primaryFullName,
|
|
16
16
|
secondaryFullName
|
|
17
17
|
}) => {
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
|
|
18
|
+
const primarySize = Math.round(size * 0.78);
|
|
19
|
+
const secondarySize = Math.round(size * 0.58);
|
|
20
|
+
const secondaryBorderWidth = borderWidth + 1;
|
|
21
21
|
return /*#__PURE__*/_jsxs(KContainer.View, {
|
|
22
22
|
style: [styles.doubleAvatarContainer, {
|
|
23
23
|
width: size,
|
|
24
24
|
height: size
|
|
25
25
|
}],
|
|
26
26
|
children: [/*#__PURE__*/_jsx(KContainer.View, {
|
|
27
|
-
style: [styles.doubleAvatarChild, styles.
|
|
28
|
-
width:
|
|
29
|
-
height:
|
|
30
|
-
right: offset
|
|
27
|
+
style: [styles.doubleAvatarChild, styles.doubleAvatarBottomLeft, {
|
|
28
|
+
width: primarySize,
|
|
29
|
+
height: primarySize
|
|
31
30
|
}],
|
|
32
31
|
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
33
32
|
source: primarySource,
|
|
34
|
-
size:
|
|
33
|
+
size: primarySize,
|
|
35
34
|
borderColor: borderColor,
|
|
36
35
|
borderWidth: borderWidth,
|
|
37
36
|
placeholderColor: placeholderColor,
|
|
@@ -39,16 +38,15 @@ export const DoubleAvatar = /*#__PURE__*/memo(({
|
|
|
39
38
|
fullName: primaryFullName
|
|
40
39
|
})
|
|
41
40
|
}), /*#__PURE__*/_jsx(KContainer.View, {
|
|
42
|
-
style: [styles.doubleAvatarChild, styles.
|
|
43
|
-
width:
|
|
44
|
-
height:
|
|
45
|
-
left: offset
|
|
41
|
+
style: [styles.doubleAvatarChild, styles.doubleAvatarTopRight, {
|
|
42
|
+
width: secondarySize,
|
|
43
|
+
height: secondarySize
|
|
46
44
|
}],
|
|
47
45
|
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
48
46
|
source: secondarySource,
|
|
49
|
-
size:
|
|
47
|
+
size: secondarySize,
|
|
50
48
|
borderColor: borderColor,
|
|
51
|
-
borderWidth:
|
|
49
|
+
borderWidth: secondaryBorderWidth,
|
|
52
50
|
placeholderColor: placeholderColor,
|
|
53
51
|
backgroundColor: KColors.palette.gray.w300,
|
|
54
52
|
fullName: secondaryFullName
|
|
@@ -64,11 +62,13 @@ const styles = StyleSheet.create({
|
|
|
64
62
|
doubleAvatarChild: {
|
|
65
63
|
position: 'absolute'
|
|
66
64
|
},
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
doubleAvatarBottomLeft: {
|
|
66
|
+
bottom: 0,
|
|
67
|
+
left: 0
|
|
69
68
|
},
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
doubleAvatarTopRight: {
|
|
70
|
+
top: 0,
|
|
71
|
+
right: 0
|
|
72
72
|
}
|
|
73
73
|
});
|
|
74
74
|
//# sourceMappingURL=DoubleAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","StyleSheet","KContainer","KColors","SingleAvatar","jsx","_jsx","jsxs","_jsxs","DoubleAvatar","primarySource","secondarySource","size","borderColor","borderWidth","placeholderColor","primaryFullName","secondaryFullName","
|
|
1
|
+
{"version":3,"names":["memo","StyleSheet","KContainer","KColors","SingleAvatar","jsx","_jsx","jsxs","_jsxs","DoubleAvatar","primarySource","secondarySource","size","borderColor","borderWidth","placeholderColor","primaryFullName","secondaryFullName","primarySize","Math","round","secondarySize","secondaryBorderWidth","View","style","styles","doubleAvatarContainer","width","height","children","doubleAvatarChild","doubleAvatarBottomLeft","source","backgroundColor","palette","gray","w300","fullName","doubleAvatarTopRight","displayName","create","position","bottom","left","top","right"],"sourceRoot":"../../../../src","sources":["components/Avatar/DoubleAvatar.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,OAAO,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa9C,OAAO,MAAMC,YAAY,gBAAGT,IAAI,CAC9B,CAAC;EACCU,aAAa;EACbC,eAAe;EACfC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,gBAAgB;EAChBC,eAAe;EACfC;AACiB,CAAC,KAAK;EACvB,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACR,IAAI,GAAG,IAAI,CAAC;EAC3C,MAAMS,aAAa,GAAGF,IAAI,CAACC,KAAK,CAACR,IAAI,GAAG,IAAI,CAAC;EAC7C,MAAMU,oBAAoB,GAAGR,WAAW,GAAG,CAAC;EAE5C,oBACEN,KAAA,CAACN,UAAU,CAACqB,IAAI;IACdC,KAAK,EAAE,CAACC,MAAM,CAACC,qBAAqB,EAAE;MAAEC,KAAK,EAAEf,IAAI;MAAEgB,MAAM,EAAEhB;IAAK,CAAC,CAAE;IAAAiB,QAAA,gBAErEvB,IAAA,CAACJ,UAAU,CAACqB,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACM,sBAAsB,EAC7B;QAAEJ,KAAK,EAAET,WAAW;QAAEU,MAAM,EAAEV;MAAY,CAAC,CAC3C;MAAAW,QAAA,eAEFvB,IAAA,CAACF,YAAY;QACX4B,MAAM,EAAEtB,aAAc;QACtBE,IAAI,EAAEM,WAAY;QAClBL,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAEA,WAAY;QACzBC,gBAAgB,EAAEA,gBAAiB;QACnCkB,eAAe,EAAE9B,OAAO,CAAC+B,OAAO,CAACC,IAAI,CAACC,IAAK;QAC3CC,QAAQ,EAAErB;MAAgB,CAC3B;IAAC,CACa,CAAC,eAClBV,IAAA,CAACJ,UAAU,CAACqB,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACa,oBAAoB,EAC3B;QAAEX,KAAK,EAAEN,aAAa;QAAEO,MAAM,EAAEP;MAAc,CAAC,CAC/C;MAAAQ,QAAA,eAEFvB,IAAA,CAACF,YAAY;QACX4B,MAAM,EAAErB,eAAgB;QACxBC,IAAI,EAAES,aAAc;QACpBR,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAEQ,oBAAqB;QAClCP,gBAAgB,EAAEA,gBAAiB;QACnCkB,eAAe,EAAE9B,OAAO,CAAC+B,OAAO,CAACC,IAAI,CAACC,IAAK;QAC3CC,QAAQ,EAAEpB;MAAkB,CAC7B;IAAC,CACa,CAAC;EAAA,CACH,CAAC;AAEtB,CACF,CAAC;AAEDR,YAAY,CAAC8B,WAAW,GAAG,cAAc;AAEzC,MAAMd,MAAM,GAAGxB,UAAU,CAACuC,MAAM,CAAC;EAC/Bd,qBAAqB,EAAE;IACrBe,QAAQ,EAAE;EACZ,CAAC;EACDX,iBAAiB,EAAE;IACjBW,QAAQ,EAAE;EACZ,CAAC;EACDV,sBAAsB,EAAE;IACtBW,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE;EACR,CAAC;EACDL,oBAAoB,EAAE;IACpBM,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { memo } from 'react';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { KContainer, KLabel, KColors } from '@droppii/libs';
|
|
6
|
+
import { SingleAvatar } from "./SingleAvatar.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const getCountTypo = cellSize => {
|
|
9
|
+
if (cellSize <= 20) return 'Text2XsBold';
|
|
10
|
+
if (cellSize <= 32) return 'TextXsBold';
|
|
11
|
+
return 'TextNmBold';
|
|
12
|
+
};
|
|
13
|
+
export const QuadAvatar = /*#__PURE__*/memo(({
|
|
14
|
+
primarySource,
|
|
15
|
+
secondarySource,
|
|
16
|
+
tertiarySource,
|
|
17
|
+
remainingCount,
|
|
18
|
+
size,
|
|
19
|
+
borderColor,
|
|
20
|
+
borderWidth,
|
|
21
|
+
placeholderColor,
|
|
22
|
+
primaryFullName,
|
|
23
|
+
secondaryFullName,
|
|
24
|
+
tertiaryFullName
|
|
25
|
+
}) => {
|
|
26
|
+
const circleSize = Math.round(size * 0.58);
|
|
27
|
+
const clusterBorderWidth = borderWidth + 1;
|
|
28
|
+
const overflowLabel = remainingCount > 99 ? '99+' : `+${remainingCount}`;
|
|
29
|
+
return /*#__PURE__*/_jsxs(KContainer.View, {
|
|
30
|
+
style: [styles.quadAvatarContainer, {
|
|
31
|
+
width: size,
|
|
32
|
+
height: size
|
|
33
|
+
}],
|
|
34
|
+
children: [/*#__PURE__*/_jsx(KContainer.View, {
|
|
35
|
+
style: [styles.quadAvatarChild, styles.quadAvatarTopLeft, {
|
|
36
|
+
width: circleSize,
|
|
37
|
+
height: circleSize
|
|
38
|
+
}],
|
|
39
|
+
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
40
|
+
source: primarySource,
|
|
41
|
+
size: circleSize,
|
|
42
|
+
borderColor: borderColor,
|
|
43
|
+
borderWidth: clusterBorderWidth,
|
|
44
|
+
placeholderColor: placeholderColor,
|
|
45
|
+
backgroundColor: KColors.palette.gray.w300,
|
|
46
|
+
fullName: primaryFullName
|
|
47
|
+
})
|
|
48
|
+
}), /*#__PURE__*/_jsx(KContainer.View, {
|
|
49
|
+
style: [styles.quadAvatarChild, styles.quadAvatarBottomLeft, {
|
|
50
|
+
width: circleSize,
|
|
51
|
+
height: circleSize
|
|
52
|
+
}],
|
|
53
|
+
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
54
|
+
source: tertiarySource,
|
|
55
|
+
size: circleSize,
|
|
56
|
+
borderColor: borderColor,
|
|
57
|
+
borderWidth: clusterBorderWidth,
|
|
58
|
+
placeholderColor: placeholderColor,
|
|
59
|
+
backgroundColor: KColors.palette.gray.w300,
|
|
60
|
+
fullName: tertiaryFullName
|
|
61
|
+
})
|
|
62
|
+
}), /*#__PURE__*/_jsx(KContainer.View, {
|
|
63
|
+
style: [styles.quadAvatarChild, styles.quadAvatarTopRight, {
|
|
64
|
+
width: circleSize,
|
|
65
|
+
height: circleSize
|
|
66
|
+
}],
|
|
67
|
+
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
68
|
+
source: secondarySource,
|
|
69
|
+
size: circleSize,
|
|
70
|
+
borderColor: borderColor,
|
|
71
|
+
borderWidth: clusterBorderWidth,
|
|
72
|
+
placeholderColor: placeholderColor,
|
|
73
|
+
backgroundColor: KColors.palette.gray.w300,
|
|
74
|
+
fullName: secondaryFullName
|
|
75
|
+
})
|
|
76
|
+
}), /*#__PURE__*/_jsx(KContainer.View, {
|
|
77
|
+
style: [styles.quadAvatarChild, styles.quadAvatarBottomRight, {
|
|
78
|
+
width: circleSize,
|
|
79
|
+
height: circleSize
|
|
80
|
+
}],
|
|
81
|
+
children: /*#__PURE__*/_jsx(KContainer.View, {
|
|
82
|
+
center: true,
|
|
83
|
+
style: [styles.overflowBadge, {
|
|
84
|
+
width: circleSize,
|
|
85
|
+
height: circleSize,
|
|
86
|
+
borderRadius: circleSize / 2,
|
|
87
|
+
borderWidth: clusterBorderWidth,
|
|
88
|
+
borderColor
|
|
89
|
+
}],
|
|
90
|
+
children: /*#__PURE__*/_jsx(KLabel.Text, {
|
|
91
|
+
typo: getCountTypo(circleSize),
|
|
92
|
+
color: KColors.white,
|
|
93
|
+
children: overflowLabel
|
|
94
|
+
})
|
|
95
|
+
})
|
|
96
|
+
})]
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
QuadAvatar.displayName = 'QuadAvatar';
|
|
100
|
+
const styles = StyleSheet.create({
|
|
101
|
+
quadAvatarContainer: {
|
|
102
|
+
position: 'relative'
|
|
103
|
+
},
|
|
104
|
+
quadAvatarChild: {
|
|
105
|
+
position: 'absolute'
|
|
106
|
+
},
|
|
107
|
+
quadAvatarTopLeft: {
|
|
108
|
+
top: 0,
|
|
109
|
+
left: 0,
|
|
110
|
+
zIndex: 1
|
|
111
|
+
},
|
|
112
|
+
quadAvatarBottomLeft: {
|
|
113
|
+
bottom: 0,
|
|
114
|
+
left: 0,
|
|
115
|
+
zIndex: 2
|
|
116
|
+
},
|
|
117
|
+
quadAvatarTopRight: {
|
|
118
|
+
top: 0,
|
|
119
|
+
right: 0,
|
|
120
|
+
zIndex: 3
|
|
121
|
+
},
|
|
122
|
+
quadAvatarBottomRight: {
|
|
123
|
+
bottom: 0,
|
|
124
|
+
right: 0,
|
|
125
|
+
zIndex: 4
|
|
126
|
+
},
|
|
127
|
+
overflowBadge: {
|
|
128
|
+
backgroundColor: KColors.palette.gray.w500
|
|
129
|
+
}
|
|
130
|
+
});
|
|
131
|
+
//# sourceMappingURL=QuadAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["memo","StyleSheet","KContainer","KLabel","KColors","SingleAvatar","jsx","_jsx","jsxs","_jsxs","getCountTypo","cellSize","QuadAvatar","primarySource","secondarySource","tertiarySource","remainingCount","size","borderColor","borderWidth","placeholderColor","primaryFullName","secondaryFullName","tertiaryFullName","circleSize","Math","round","clusterBorderWidth","overflowLabel","View","style","styles","quadAvatarContainer","width","height","children","quadAvatarChild","quadAvatarTopLeft","source","backgroundColor","palette","gray","w300","fullName","quadAvatarBottomLeft","quadAvatarTopRight","quadAvatarBottomRight","center","overflowBadge","borderRadius","Text","typo","color","white","displayName","create","position","top","left","zIndex","bottom","right","w500"],"sourceRoot":"../../../../src","sources":["components/Avatar/QuadAvatar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { memo } from 'react';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { KContainer, KColors } from '@droppii/libs';
|
|
6
|
+
import { SingleAvatar } from "./SingleAvatar.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
export const TripleAvatar = /*#__PURE__*/memo(({
|
|
9
|
+
primarySource,
|
|
10
|
+
secondarySource,
|
|
11
|
+
tertiarySource,
|
|
12
|
+
size,
|
|
13
|
+
borderColor,
|
|
14
|
+
borderWidth,
|
|
15
|
+
placeholderColor,
|
|
16
|
+
primaryFullName,
|
|
17
|
+
secondaryFullName,
|
|
18
|
+
tertiaryFullName
|
|
19
|
+
}) => {
|
|
20
|
+
const circleSize = Math.round(size * 0.6);
|
|
21
|
+
const topOffset = Math.round((size - circleSize) / 2);
|
|
22
|
+
const clusterBorderWidth = borderWidth + 1;
|
|
23
|
+
return /*#__PURE__*/_jsxs(KContainer.View, {
|
|
24
|
+
style: [styles.tripleAvatarContainer, {
|
|
25
|
+
width: size,
|
|
26
|
+
height: size
|
|
27
|
+
}],
|
|
28
|
+
children: [/*#__PURE__*/_jsx(KContainer.View, {
|
|
29
|
+
style: [styles.tripleAvatarChild, styles.tripleAvatarBottomLeft, {
|
|
30
|
+
width: circleSize,
|
|
31
|
+
height: circleSize
|
|
32
|
+
}],
|
|
33
|
+
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
34
|
+
source: secondarySource,
|
|
35
|
+
size: circleSize,
|
|
36
|
+
borderColor: borderColor,
|
|
37
|
+
borderWidth: clusterBorderWidth,
|
|
38
|
+
placeholderColor: placeholderColor,
|
|
39
|
+
backgroundColor: KColors.palette.gray.w300,
|
|
40
|
+
fullName: secondaryFullName
|
|
41
|
+
})
|
|
42
|
+
}), /*#__PURE__*/_jsx(KContainer.View, {
|
|
43
|
+
style: [styles.tripleAvatarChild, styles.tripleAvatarBottomRight, {
|
|
44
|
+
width: circleSize,
|
|
45
|
+
height: circleSize
|
|
46
|
+
}],
|
|
47
|
+
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
48
|
+
source: tertiarySource,
|
|
49
|
+
size: circleSize,
|
|
50
|
+
borderColor: borderColor,
|
|
51
|
+
borderWidth: clusterBorderWidth,
|
|
52
|
+
placeholderColor: placeholderColor,
|
|
53
|
+
backgroundColor: KColors.palette.gray.w300,
|
|
54
|
+
fullName: tertiaryFullName
|
|
55
|
+
})
|
|
56
|
+
}), /*#__PURE__*/_jsx(KContainer.View, {
|
|
57
|
+
style: [styles.tripleAvatarChild, styles.tripleAvatarTop, {
|
|
58
|
+
width: circleSize,
|
|
59
|
+
height: circleSize,
|
|
60
|
+
left: topOffset
|
|
61
|
+
}],
|
|
62
|
+
children: /*#__PURE__*/_jsx(SingleAvatar, {
|
|
63
|
+
source: primarySource,
|
|
64
|
+
size: circleSize,
|
|
65
|
+
borderColor: borderColor,
|
|
66
|
+
borderWidth: clusterBorderWidth,
|
|
67
|
+
placeholderColor: placeholderColor,
|
|
68
|
+
backgroundColor: KColors.palette.gray.w300,
|
|
69
|
+
fullName: primaryFullName
|
|
70
|
+
})
|
|
71
|
+
})]
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
TripleAvatar.displayName = 'TripleAvatar';
|
|
75
|
+
const styles = StyleSheet.create({
|
|
76
|
+
tripleAvatarContainer: {
|
|
77
|
+
position: 'relative'
|
|
78
|
+
},
|
|
79
|
+
tripleAvatarChild: {
|
|
80
|
+
position: 'absolute'
|
|
81
|
+
},
|
|
82
|
+
tripleAvatarTop: {
|
|
83
|
+
top: 0,
|
|
84
|
+
zIndex: 3
|
|
85
|
+
},
|
|
86
|
+
tripleAvatarBottomLeft: {
|
|
87
|
+
bottom: 0,
|
|
88
|
+
left: 0,
|
|
89
|
+
zIndex: 1
|
|
90
|
+
},
|
|
91
|
+
tripleAvatarBottomRight: {
|
|
92
|
+
bottom: 0,
|
|
93
|
+
right: 0,
|
|
94
|
+
zIndex: 2
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
//# sourceMappingURL=TripleAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["memo","StyleSheet","KContainer","KColors","SingleAvatar","jsx","_jsx","jsxs","_jsxs","TripleAvatar","primarySource","secondarySource","tertiarySource","size","borderColor","borderWidth","placeholderColor","primaryFullName","secondaryFullName","tertiaryFullName","circleSize","Math","round","topOffset","clusterBorderWidth","View","style","styles","tripleAvatarContainer","width","height","children","tripleAvatarChild","tripleAvatarBottomLeft","source","backgroundColor","palette","gray","w300","fullName","tripleAvatarBottomRight","tripleAvatarTop","left","displayName","create","position","top","zIndex","bottom","right"],"sourceRoot":"../../../../src","sources":["components/Avatar/TripleAvatar.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,OAAO,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe9C,OAAO,MAAMC,YAAY,gBAAGT,IAAI,CAC9B,CAAC;EACCU,aAAa;EACbC,eAAe;EACfC,cAAc;EACdC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,gBAAgB;EAChBC,eAAe;EACfC,iBAAiB;EACjBC;AACiB,CAAC,KAAK;EACvB,MAAMC,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACT,IAAI,GAAG,GAAG,CAAC;EACzC,MAAMU,SAAS,GAAGF,IAAI,CAACC,KAAK,CAAC,CAACT,IAAI,GAAGO,UAAU,IAAI,CAAC,CAAC;EACrD,MAAMI,kBAAkB,GAAGT,WAAW,GAAG,CAAC;EAE1C,oBACEP,KAAA,CAACN,UAAU,CAACuB,IAAI;IACdC,KAAK,EAAE,CAACC,MAAM,CAACC,qBAAqB,EAAE;MAAEC,KAAK,EAAEhB,IAAI;MAAEiB,MAAM,EAAEjB;IAAK,CAAC,CAAE;IAAAkB,QAAA,gBAErEzB,IAAA,CAACJ,UAAU,CAACuB,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACM,sBAAsB,EAC7B;QAAEJ,KAAK,EAAET,UAAU;QAAEU,MAAM,EAAEV;MAAW,CAAC,CACzC;MAAAW,QAAA,eAEFzB,IAAA,CAACF,YAAY;QACX8B,MAAM,EAAEvB,eAAgB;QACxBE,IAAI,EAAEO,UAAW;QACjBN,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAES,kBAAmB;QAChCR,gBAAgB,EAAEA,gBAAiB;QACnCmB,eAAe,EAAEhC,OAAO,CAACiC,OAAO,CAACC,IAAI,CAACC,IAAK;QAC3CC,QAAQ,EAAErB;MAAkB,CAC7B;IAAC,CACa,CAAC,eAClBZ,IAAA,CAACJ,UAAU,CAACuB,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACa,uBAAuB,EAC9B;QAAEX,KAAK,EAAET,UAAU;QAAEU,MAAM,EAAEV;MAAW,CAAC,CACzC;MAAAW,QAAA,eAEFzB,IAAA,CAACF,YAAY;QACX8B,MAAM,EAAEtB,cAAe;QACvBC,IAAI,EAAEO,UAAW;QACjBN,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAES,kBAAmB;QAChCR,gBAAgB,EAAEA,gBAAiB;QACnCmB,eAAe,EAAEhC,OAAO,CAACiC,OAAO,CAACC,IAAI,CAACC,IAAK;QAC3CC,QAAQ,EAAEpB;MAAiB,CAC5B;IAAC,CACa,CAAC,eAClBb,IAAA,CAACJ,UAAU,CAACuB,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACc,eAAe,EACtB;QAAEZ,KAAK,EAAET,UAAU;QAAEU,MAAM,EAAEV,UAAU;QAAEsB,IAAI,EAAEnB;MAAU,CAAC,CAC1D;MAAAQ,QAAA,eAEFzB,IAAA,CAACF,YAAY;QACX8B,MAAM,EAAExB,aAAc;QACtBG,IAAI,EAAEO,UAAW;QACjBN,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAES,kBAAmB;QAChCR,gBAAgB,EAAEA,gBAAiB;QACnCmB,eAAe,EAAEhC,OAAO,CAACiC,OAAO,CAACC,IAAI,CAACC,IAAK;QAC3CC,QAAQ,EAAEtB;MAAgB,CAC3B;IAAC,CACa,CAAC;EAAA,CACH,CAAC;AAEtB,CACF,CAAC;AAEDR,YAAY,CAACkC,WAAW,GAAG,cAAc;AAEzC,MAAMhB,MAAM,GAAG1B,UAAU,CAAC2C,MAAM,CAAC;EAC/BhB,qBAAqB,EAAE;IACrBiB,QAAQ,EAAE;EACZ,CAAC;EACDb,iBAAiB,EAAE;IACjBa,QAAQ,EAAE;EACZ,CAAC;EACDJ,eAAe,EAAE;IACfK,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV,CAAC;EACDd,sBAAsB,EAAE;IACtBe,MAAM,EAAE,CAAC;IACTN,IAAI,EAAE,CAAC;IACPK,MAAM,EAAE;EACV,CAAC;EACDP,uBAAuB,EAAE;IACvBQ,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRF,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -3,5 +3,7 @@
|
|
|
3
3
|
export { default as Avatar } from "./Avatar.js";
|
|
4
4
|
export { SingleAvatar } from "./SingleAvatar.js";
|
|
5
5
|
export { DoubleAvatar } from "./DoubleAvatar.js";
|
|
6
|
+
export { TripleAvatar } from "./TripleAvatar.js";
|
|
7
|
+
export { QuadAvatar } from "./QuadAvatar.js";
|
|
6
8
|
export { AvatarBadge } from "./AvatarBadge.js";
|
|
7
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","Avatar","SingleAvatar","DoubleAvatar","AvatarBadge"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAC5C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,WAAW,QAAQ,kBAAe","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["default","Avatar","SingleAvatar","DoubleAvatar","TripleAvatar","QuadAvatar","AvatarBadge"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAC5C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,WAAW,QAAQ,kBAAe","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ export const AvatarSection = /*#__PURE__*/memo(({
|
|
|
8
8
|
avatar,
|
|
9
9
|
fullName,
|
|
10
10
|
peerType,
|
|
11
|
+
members,
|
|
11
12
|
size = 'md'
|
|
12
13
|
}) => {
|
|
13
14
|
if (peerType === PeerType.Bot) {
|
|
@@ -30,6 +31,46 @@ export const AvatarSection = /*#__PURE__*/memo(({
|
|
|
30
31
|
size: size
|
|
31
32
|
});
|
|
32
33
|
}
|
|
34
|
+
const groupMembers = Array.isArray(members) ? members : [];
|
|
35
|
+
if (peerType === PeerType.Group && !avatar && groupMembers.length >= 4) {
|
|
36
|
+
const [first, second, third] = groupMembers;
|
|
37
|
+
const remainingCount = groupMembers.length - 3;
|
|
38
|
+
return /*#__PURE__*/_jsx(Avatar, {
|
|
39
|
+
type: "quad",
|
|
40
|
+
source: first?.faceURL ?? null,
|
|
41
|
+
fullName: first?.nickname,
|
|
42
|
+
secondarySource: second?.faceURL ?? null,
|
|
43
|
+
secondaryFullName: second?.nickname,
|
|
44
|
+
tertiarySource: third?.faceURL ?? null,
|
|
45
|
+
tertiaryFullName: third?.nickname,
|
|
46
|
+
remainingCount: remainingCount,
|
|
47
|
+
size: size
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
if (peerType === PeerType.Group && !avatar && groupMembers.length === 3) {
|
|
51
|
+
const [first, second, third] = groupMembers;
|
|
52
|
+
return /*#__PURE__*/_jsx(Avatar, {
|
|
53
|
+
type: "triple",
|
|
54
|
+
source: first?.faceURL ?? null,
|
|
55
|
+
fullName: first?.nickname,
|
|
56
|
+
secondarySource: second?.faceURL ?? null,
|
|
57
|
+
secondaryFullName: second?.nickname,
|
|
58
|
+
tertiarySource: third?.faceURL ?? null,
|
|
59
|
+
tertiaryFullName: third?.nickname,
|
|
60
|
+
size: size
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
if (peerType === PeerType.Group && !avatar && groupMembers.length === 2) {
|
|
64
|
+
const [first, second] = groupMembers;
|
|
65
|
+
return /*#__PURE__*/_jsx(Avatar, {
|
|
66
|
+
type: "double",
|
|
67
|
+
source: first?.faceURL ?? null,
|
|
68
|
+
fullName: first?.nickname,
|
|
69
|
+
secondarySource: second?.faceURL ?? null,
|
|
70
|
+
secondaryFullName: second?.nickname,
|
|
71
|
+
size: size
|
|
72
|
+
});
|
|
73
|
+
}
|
|
33
74
|
return /*#__PURE__*/_jsx(Avatar, {
|
|
34
75
|
source: avatar,
|
|
35
76
|
fullName: fullName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","Avatar","PeerType","jsx","_jsx","AvatarSection","avatar","fullName","peerType","size","Bot","source","badge","variant","Customer","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/AvatarSection.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,QAAQ,QAA+B,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhF,OAAO,MAAMC,aAAa,gBAAGL,IAAI,CAC/B,CAAC;
|
|
1
|
+
{"version":3,"names":["memo","Avatar","PeerType","jsx","_jsx","AvatarSection","avatar","fullName","peerType","members","size","Bot","source","badge","variant","Customer","groupMembers","Array","isArray","Group","length","first","second","third","remainingCount","type","faceURL","nickname","secondarySource","secondaryFullName","tertiarySource","tertiaryFullName","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/AvatarSection.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,11 +13,12 @@ const styles = StyleSheet.create({
|
|
|
13
13
|
}
|
|
14
14
|
});
|
|
15
15
|
export const NamePrefixIcon = /*#__PURE__*/memo(({
|
|
16
|
-
peerType
|
|
16
|
+
peerType,
|
|
17
|
+
marginR = '0.25rem'
|
|
17
18
|
}) => {
|
|
18
19
|
if (peerType === PeerType.Bot) {
|
|
19
20
|
return /*#__PURE__*/_jsx(KContainer.View, {
|
|
20
|
-
marginR:
|
|
21
|
+
marginR: marginR,
|
|
21
22
|
children: /*#__PURE__*/_jsx(Image, {
|
|
22
23
|
source: Images.ICON_DROPPII,
|
|
23
24
|
style: styles.icon
|
|
@@ -26,7 +27,7 @@ export const NamePrefixIcon = /*#__PURE__*/memo(({
|
|
|
26
27
|
}
|
|
27
28
|
if (peerType === PeerType.Group) {
|
|
28
29
|
return /*#__PURE__*/_jsx(KContainer.View, {
|
|
29
|
-
marginR:
|
|
30
|
+
marginR: marginR,
|
|
30
31
|
children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
|
|
31
32
|
name: "user-two-b",
|
|
32
33
|
size: 14,
|
|
@@ -37,7 +38,7 @@ export const NamePrefixIcon = /*#__PURE__*/memo(({
|
|
|
37
38
|
|
|
38
39
|
// if (peerType === DChatPeerType.CUSTOMER) {
|
|
39
40
|
// return (
|
|
40
|
-
// <KContainer.View marginR=
|
|
41
|
+
// <KContainer.View marginR={marginR}>
|
|
41
42
|
// <Image source={Images.ICON_DROPPII} style={styles.icon} />
|
|
42
43
|
// </KContainer.View>
|
|
43
44
|
// );
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","Image","StyleSheet","KContainer","KImage","KColors","Images","PeerType","jsx","_jsx","styles","create","icon","width","height","NamePrefixIcon","peerType","
|
|
1
|
+
{"version":3,"names":["memo","Image","StyleSheet","KContainer","KImage","KColors","Images","PeerType","jsx","_jsx","styles","create","icon","width","height","NamePrefixIcon","peerType","marginR","Bot","View","children","source","ICON_DROPPII","style","Group","VectorIcons","name","size","color","black","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/NamePrefixIcon.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,SAASC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAuB,eAAe;AAC1E,OAAOC,MAAM,MAAM,8BAAqB;AACxC,SAASC,QAAQ,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAOF,OAAO,MAAMC,cAAc,gBAAGf,IAAI,CAChC,CAAC;EAAEgB,QAAQ;EAAEC,OAAO,GAAG;AAA+B,CAAC,KAAK;EAC1D,IAAID,QAAQ,KAAKT,QAAQ,CAACW,GAAG,EAAE;IAC7B,oBACET,IAAA,CAACN,UAAU,CAACgB,IAAI;MAACF,OAAO,EAAEA,OAAQ;MAAAG,QAAA,eAChCX,IAAA,CAACR,KAAK;QAACoB,MAAM,EAAEf,MAAM,CAACgB,YAAa;QAACC,KAAK,EAAEb,MAAM,CAACE;MAAK,CAAE;IAAC,CAC3C,CAAC;EAEtB;EAEA,IAAII,QAAQ,KAAKT,QAAQ,CAACiB,KAAK,EAAE;IAC/B,oBACEf,IAAA,CAACN,UAAU,CAACgB,IAAI;MAACF,OAAO,EAAEA,OAAQ;MAAAG,QAAA,eAChCX,IAAA,CAACL,MAAM,CAACqB,WAAW;QACjBC,IAAI,EAAC,YAAY;QACjBC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAEvB,OAAO,CAACwB;MAAM,CACtB;IAAC,CACa,CAAC;EAEtB;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,OAAO,IAAI;AACb,CACF,CAAC;AAEDd,cAAc,CAACe,WAAW,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -24,6 +24,7 @@ const ThreadCard = /*#__PURE__*/memo(({
|
|
|
24
24
|
peerType,
|
|
25
25
|
showName,
|
|
26
26
|
faceURL,
|
|
27
|
+
members,
|
|
27
28
|
unreadCount = 0,
|
|
28
29
|
recvMsgOpt = MessageReceiveOptType.Normal,
|
|
29
30
|
isPinned,
|
|
@@ -92,7 +93,8 @@ const ThreadCard = /*#__PURE__*/memo(({
|
|
|
92
93
|
children: [/*#__PURE__*/_jsx(AvatarSection, {
|
|
93
94
|
avatar: faceURL ?? null,
|
|
94
95
|
fullName: fullName,
|
|
95
|
-
peerType: peerType
|
|
96
|
+
peerType: peerType,
|
|
97
|
+
members: members
|
|
96
98
|
}), /*#__PURE__*/_jsxs(KContainer.View, {
|
|
97
99
|
flex: true,
|
|
98
100
|
marginL: "0.5rem",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useCallback","useMemo","ReanimatedSwipeable","KContainer","KImage","KLabel","KColors","AvatarSection","NamePrefixIcon","UnreadBadge","formatTimestamp","getLastMessageText","getMessagePreviewTextProps","useConversation","useUserStore","MessageReceiveOptType","MuteThread","PinThread","useIsJoinedGroup","isEmpty","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ThreadCard","item","onPress","conversation","peerType","showName","faceURL","unreadCount","recvMsgOpt","Normal","isPinned","latestMsgSendTime","latestMsg","groupID","data","isJoinedGroup","isNotInGroup","latestMsgData","result","JSON","parse","error","console","fullName","hasUnread","isMuted","timestamp","sendTime","currentUserId","s","user","userID","lastMessageText","message","handlePress","event","renderRightActions","_progress","_translation","swipeableMethods","children","VisibleView","visible","Boolean","friction","rightThreshold","Touchable","row","alignItems","paddingH","paddingV","activeOpacity","background","white","avatar","View","flex","marginL","paddingB","Text","typo","numberOfLines","color","black","VectorIcons","name","provider","size","palette","gray","w500","w400","normal","primary","count","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/ThreadCard.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAElD,OAAOC,mBAAmB,MAAM,kDAAkD;AAElF,SAASC,UAAU,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,eAAe,QAAQ,8BAA2B;AAC3D,SACEC,kBAAkB,EAClBC,0BAA0B,QACrB,6BAA0B;AACjC,SAASC,eAAe,EAAEC,YAAY,QAAQ,sBAAa;AAC3D,SACEC,qBAAqB,QAEhB,+BAA+B;AACtC,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,gBAAgB,QAAQ,iCAA8B;AAC/D,OAAOC,OAAO,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAOrC,MAAMC,UAAU,gBAAG3B,IAAI,CAAC,CAAC;EAAE4B,IAAI;EAAEC;AAAyB,CAAC,KAAK;EAC9D,MAAMC,YAAY,GAAGhB,eAAe,CAACc,IAAI,CAAC;EAE1C,MAAM;IACJG,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,WAAW,GAAG,CAAC;IACfC,UAAU,
|
|
1
|
+
{"version":3,"names":["memo","useCallback","useMemo","ReanimatedSwipeable","KContainer","KImage","KLabel","KColors","AvatarSection","NamePrefixIcon","UnreadBadge","formatTimestamp","getLastMessageText","getMessagePreviewTextProps","useConversation","useUserStore","MessageReceiveOptType","MuteThread","PinThread","useIsJoinedGroup","isEmpty","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ThreadCard","item","onPress","conversation","peerType","showName","faceURL","members","unreadCount","recvMsgOpt","Normal","isPinned","latestMsgSendTime","latestMsg","groupID","data","isJoinedGroup","isNotInGroup","latestMsgData","result","JSON","parse","error","console","fullName","hasUnread","isMuted","timestamp","sendTime","currentUserId","s","user","userID","lastMessageText","message","handlePress","event","renderRightActions","_progress","_translation","swipeableMethods","children","VisibleView","visible","Boolean","friction","rightThreshold","Touchable","row","alignItems","paddingH","paddingV","activeOpacity","background","white","avatar","View","flex","marginL","paddingB","Text","typo","numberOfLines","color","black","VectorIcons","name","provider","size","palette","gray","w500","w400","normal","primary","count","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/ThreadCard.tsx"],"mappings":"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","ignoreList":[]}
|