@droppii-org/chat-mobile 0.2.66 → 0.2.68

package/lib/typescript/src/context/ChatDetailContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDetailContext.d.ts","sourceRoot":"","sources":["../../../../src/context/ChatDetailContext.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC7B,MAAM,eAAe,CAAC;AAmBvB,eAAO,MAAM,iBAAiB,gDAU5B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAAO,qBAQvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,gCAwIvE,CAAC"}
+{"version":3,"file":"ChatDetailContext.d.ts","sourceRoot":"","sources":["../../../../src/context/ChatDetailContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC7B,MAAM,eAAe,CAAC;AAmBvB,eAAO,MAAM,iBAAiB,gDAU5B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAAO,qBAQvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,gCAwIvE,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,EACrD,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC1B,aAAa,CAAC,CAAC,CAAC,CAUlB"}

package/lib/typescript/src/core/useChatListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatListener.d.ts","sourceRoot":"","sources":["../../../../src/core/useChatListener.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe,YA6M3B,CAAC"}
+{"version":3,"file":"useChatListener.d.ts","sourceRoot":"","sources":["../../../../src/core/useChatListener.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,eAAe,YAiW3B,CAAC"}

package/lib/typescript/src/hooks/conversation/useGetGroupInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetGroupInfo.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/conversation/useGetGroupInfo.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,gBAAY,sHAaxC,CAAC"}
+{"version":3,"file":"useGetGroupInfo.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/conversation/useGetGroupInfo.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,gBAAY,sHAexC,CAAC"}

package/lib/typescript/src/hooks/message/usePinMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePinMessage.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/message/usePinMessage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAUjE,eAAO,MAAM,mBAAmB,GAAU,gBAAgB,MAAM,kBAqC/D,CAAC;AAiBF,eAAO,MAAM,aAAa,GAAI,iBAAiB,MAAM;;0BAuBjC,WAAW;4BAiCX,WAAW;CAgC9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,gBAAgB,MAAM,SAQ/D,CAAC"}
+{"version":3,"file":"usePinMessage.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/message/usePinMessage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAWjE,eAAO,MAAM,mBAAmB,GAAU,gBAAgB,MAAM,kBAqC/D,CAAC;AAiBF,eAAO,MAAM,aAAa,GAAI,iBAAiB,MAAM;;0BAuBjC,WAAW;4BAiCX,WAAW;CAqC9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,gBAAgB,MAAM,SAQ/D,CAAC"}

package/lib/typescript/src/hooks/message/useSendMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,cAAc,EACf,MAAM,+BAA+B,CAAC;AASvC,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,kBAAkB,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAmBvD,eAAO,MAAM,cAAc;6EA2CpB;QACD,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,YAAY,CAAC;QAC3B,IAAI,CAAC,EAAE,2BAA2B,CAAC;QACnC,aAAa,CAAC,EAAE,oBAAoB,CAAC;QACrC,OAAO,CAAC,EAAE,WAAW,CAAC;KACvB;4BAoGe,WAAW;6BA8CqB,WAAW;CAmB9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,SAAS,WAAW,KAqBrD,WACN,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,iBAUnD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,iBActE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,QAAQ,eAAe,iBAUhE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,QAAQ,cAAc,iBAU/D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,SAAS,MAAM,iBAUzD,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,cAAc,EACf,MAAM,+BAA+B,CAAC;AASvC,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,kBAAkB,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAmBvD,eAAO,MAAM,cAAc;6EA0CpB;QACD,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,YAAY,CAAC;QAC3B,IAAI,CAAC,EAAE,2BAA2B,CAAC;QACnC,aAAa,CAAC,EAAE,oBAAoB,CAAC;QACrC,OAAO,CAAC,EAAE,WAAW,CAAC;KACvB;4BAyFe,WAAW;6BA8CqB,WAAW;CA2B9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,SAAS,WAAW,KA6BrD,WACN,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,iBAUnD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,iBActE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,QAAQ,eAAe,iBAUhE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,QAAQ,cAAc,iBAU/D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,SAAS,MAAM,iBAUzD,CAAC"}

package/lib/typescript/src/hooks/useConversationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConversationList.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useConversationList.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,KAAK,MAAM,GAAG;IACZ,eAAe,EAAE,oBAAoB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,eAAe,EACf,IAAQ,EACR,OAAc,GACf,EAAE,MAAM,8HA+BR"}
+{"version":3,"file":"useConversationList.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useConversationList.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,KAAK,MAAM,GAAG;IACZ,eAAe,EAAE,oBAAoB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,eAAe,EACf,IAAQ,EACR,OAAc,GACf,EAAE,MAAM,8HAyCR"}

package/lib/typescript/src/hooks/useGroupPermission.d.ts

@@ -0,0 +1,6 @@
+import { type GroupPermission } from '@droppii/openim-rn-client-sdk';
+export declare const useHasGroupPermission: (permission: GroupPermission | GroupPermission[], mode?: "every" | "some") => boolean;
+export declare const useGuardedAction: <T extends (...args: any[]) => any>(permission: GroupPermission, action: T, options?: {
+    deniedMessage?: string;
+}) => T;
+//# sourceMappingURL=useGroupPermission.d.ts.map

package/lib/typescript/src/hooks/useGroupPermission.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupPermission.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useGroupPermission.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAM/E,eAAO,MAAM,qBAAqB,GAChC,YAAY,eAAe,GAAG,eAAe,EAAE,EAC/C,OAAM,OAAO,GAAG,MAAgB,KAC/B,OAYF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAChE,YAAY,eAAe,EAC3B,QAAQ,CAAC,EACT,UAAU;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,KACnC,CAeF,CAAC"}

package/lib/typescript/src/screens/ChatInfo/ChatInfoProfile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInfoProfile.d.ts","sourceRoot":"","sources":["../../../../../src/screens/ChatInfo/ChatInfoProfile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAC;AAwCvC,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,wEACe,oBAAoB,iCAoFvD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ChatInfoProfile.d.ts","sourceRoot":"","sources":["../../../../../src/screens/ChatInfo/ChatInfoProfile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAC;AAwCvC,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,wEACe,oBAAoB,iCAuFvD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/screens/chat-detail/ChatComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,IAAI,EACV,MAAM,cAAc,CAAC;AA8BtB,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAuB5E,UAAU,yBAAyB;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,YAAY,6HAOpB,yBAAyB,iCA+d7B,CAAC"}
+{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,IAAI,EACV,MAAM,cAAc,CAAC;AA8BtB,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAuB5E,UAAU,yBAAyB;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,YAAY,6HAOpB,yBAAyB,iCA4d7B,CAAC"}

package/lib/typescript/src/screens/chat-detail/ChatDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDetail.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetail.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAa/C,QAAA,MAAM,UAAU,uPAeX,eAAe,iCA+JnB,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ChatDetail.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetail.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAa/C,QAAA,MAAM,UAAU,uPAeX,eAAe,iCA0KnB,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/screens/chat-detail/ChatDetailHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDetailHeader.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetailHeader.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKrD,QAAA,MAAM,gBAAgB,8JAUjB,qBAAqB,iCA0HzB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ChatDetailHeader.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetailHeader.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAOrD,QAAA,MAAM,gBAAgB,8JAUjB,qBAAqB,iCAwIzB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/screens/chat-detail/conversationHeader.utils.d.ts

@@ -2,7 +2,7 @@ import { type ConversationItem } from '@droppii/openim-rn-client-sdk';
 import type { IConversationItemEx } from '../../types/chat';
 export declare const getConversationTitle: (conversation?: ConversationItem) => string;
 export declare const getConversationAvatarUri: (conversation?: ConversationItem) => string | null;
-export declare const getConversationSubtitle: (conversation?: ConversationItem) => string | undefined;
+export declare const getConversationSubtitle: (conversation?: ConversationItem, memberCount?: number) => string | undefined;
 export declare const shouldShowAddMember: (conversation?: ConversationItem) => boolean;
 export declare const getConversationEx: (ex?: string) => IConversationItemEx | {};
 //# sourceMappingURL=conversationHeader.utils.d.ts.map

package/lib/typescript/src/screens/chat-detail/conversationHeader.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversationHeader.utils.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/conversationHeader.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,oBAAoB,GAC/B,eAAe,gBAAgB,KAC9B,MAMF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,eAAe,gBAAgB,KAC9B,MAAM,GAAG,IAEX,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,eAAe,gBAAgB,KAC9B,MAAM,GAAG,SAkBX,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,eAAe,gBAAgB,KAC9B,OAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,mBAAmB,GAAG,EAQrE,CAAC"}
+{"version":3,"file":"conversationHeader.utils.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/conversationHeader.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,oBAAoB,GAC/B,eAAe,gBAAgB,KAC9B,MAMF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,eAAe,gBAAgB,KAC9B,MAAM,GAAG,IAEX,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,eAAe,gBAAgB,EAC/B,cAAc,MAAM,KACnB,MAAM,GAAG,SAyBX,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,eAAe,gBAAgB,KAC9B,OAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,mBAAmB,GAAG,EAQrE,CAAC"}

package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAmB/D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,SAAS,CAAC;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAuBD,eAAO,MAAM,iBAAiB,kLAYzB,sBAAsB,wRAuD1B,CAAC"}
+{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAqB/D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,SAAS,CAAC;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAsCD,eAAO,MAAM,iBAAiB,kLAYzB,sBAAsB,wRAqE1B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts

@@ -1,6 +1,6 @@
 import type { MessageToolboxRef } from './types';
 import type { ReactNode } from 'react';
-import type { MessageItem } from '@droppii/openim-rn-client-sdk';
+import { type MessageItem } from '@droppii/openim-rn-client-sdk';
 interface MessageToolboxOverlayProps {
     currentUserId?: string;
     customMessageItemFactory?: (item: MessageItem) => ReactNode;

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAEjE,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,qBAAqB,0HA6JjC,CAAC"}
+{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,qBAAqB,0HAgKjC,CAAC"}

package/lib/typescript/src/screens/inbox/MessagesTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessagesTab.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inbox/MessagesTab.tsx"],"names":[],"mappings":"AAQA,UAAU,gBAAgB;IACxB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAKD,eAAO,MAAM,WAAW,0DAA4B,gBAAgB,iCAqDlE,CAAC"}
+{"version":3,"file":"MessagesTab.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inbox/MessagesTab.tsx"],"names":[],"mappings":"AAQA,UAAU,gBAAgB;IACxB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAKD,eAAO,MAAM,WAAW,0DAA4B,gBAAgB,iCAoDlE,CAAC"}

package/lib/typescript/src/store/conversation.d.ts

@@ -10,6 +10,13 @@ export interface ConversationStore {
     map: Record<ConversationID, ConversationItem>;
     /** Signal incremented when a truly new conversation arrives and a full refetch is needed. */
     newConversationSignal: number;
+    /**
+     * Group IDs the user just left/was removed from. Any late-arriving SDK
+     * event (OnConversationChanged, OnNewConversation, ...) that still carries
+     * this group must not resurrect it — without this guard those events race
+     * with removeGroupConversation and silently undo the removal.
+     */
+    removedGroupIds: Set<string>;
     updateConversation(id: ConversationID, data: Partial<ConversationItem>): void;
     updateConversations(conversations: ConversationItem[]): void;
     /**
@@ -17,6 +24,10 @@ export interface ConversationStore {
      * Returns true if any conversation was not found in the store (triggers refetch).
      */
     removeConversation(id: ConversationID): void;
+    /** Removes a group's conversation and guards it against being re-added. */
+    removeGroupConversation(groupID: string): void;
+    /** Lifts the removal guard once the user (re)joins the group. */
+    restoreGroupConversation(groupID: string): void;
     reset(): void;
 }
 export declare const useConversationStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConversationStore>>;

package/lib/typescript/src/store/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../src/store/conversation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,KAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,iBAAiB;IAChC,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CACpB,EAAE,CAAC,EAAE,cAAc,EACnB,MAAM,CAAC,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,MAAM,GACf,IAAI,CAAC;IACR,sBAAsB,IAAI,gBAAgB,GAAG,SAAS,CAAC;IACvD,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;IAC9C,6FAA6F;IAC7F,qBAAqB,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC9E,mBAAmB,CAAC,aAAa,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IAC7D;;;OAGG;IACH,kBAAkB,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7C,KAAK,IAAI,IAAI,CAAC;CACf;AAED,eAAO,MAAM,oBAAoB,gFA0D9B,CAAC;AAEJ,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,KAAG,gBAAgB,GAAG,SAE/D,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../src/store/conversation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,KAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,iBAAiB;IAChC,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CACpB,EAAE,CAAC,EAAE,cAAc,EACnB,MAAM,CAAC,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,MAAM,GACf,IAAI,CAAC;IACR,sBAAsB,IAAI,gBAAgB,GAAG,SAAS,CAAC;IACvD,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;IAC9C,6FAA6F;IAC7F,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC9E,mBAAmB,CAAC,aAAa,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IAC7D;;;OAGG;IACH,kBAAkB,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7C,2EAA2E;IAC3E,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/C,iEAAiE;IACjE,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAChD,KAAK,IAAI,IAAI,CAAC;CACf;AAED,eAAO,MAAM,oBAAoB,gFA2F9B,CAAC;AAEJ,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,KAAG,gBAAgB,GAAG,SAE/D,CAAC"}

package/lib/typescript/src/translation/resources/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;AAyIA,wBAEE"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;AAyKA,wBAEE"}

package/lib/typescript/src/types/events.d.ts

@@ -3,7 +3,8 @@ export declare enum ChatEvent {
     ScrollToMessage = "chat:scroll_to_message",
     ScrollToBottom = "chat:scroll_to_bottom",
     MessageRevoked = "chat:message_revoked",
-    GroupPermissionUpdated = "chat:group_permission_updated"
+    GroupPermissionUpdated = "chat:group_permission_updated",
+    GroupRemoved = "chat:group_removed"
 }
 export interface ScrollToMessagePayload {
     clientMessageId: string;
@@ -14,4 +15,8 @@ export interface MessageRevokedPayload {
 export interface GroupPermissionUpdatedPayload {
     permissions: GroupPermission[];
 }
+export interface GroupRemovedPayload {
+    groupID: string;
+    reason: 'left' | 'dismissed' | 'kicked';
+}
 //# sourceMappingURL=events.d.ts.map

package/lib/typescript/src/types/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../../src/types/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,oBAAY,SAAS;IACnB,eAAe,2BAA2B;IAC1C,cAAc,0BAA0B;IACxC,cAAc,yBAAyB;IACvC,sBAAsB,kCAAkC;CACzD;AAED,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,6BAA6B;IAC5C,WAAW,EAAE,eAAe,EAAE,CAAC;CAChC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../../src/types/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,oBAAY,SAAS;IACnB,eAAe,2BAA2B;IAC1C,cAAc,0BAA0B;IACxC,cAAc,yBAAyB;IACvC,sBAAsB,kCAAkC;IACxD,YAAY,uBAAuB;CACpC;AAED,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,6BAA6B;IAC5C,WAAW,EAAE,eAAe,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;CACzC"}

package/lib/typescript/src/utils/messageUtils.d.ts

@@ -1,10 +1,14 @@
 /**
  * Message formatting and preview utilities
  */
-import { type ConversationItem, type MessageItem } from '@droppii/openim-rn-client-sdk';
+import { MessageType, type ConversationItem, type MessageItem } from '@droppii/openim-rn-client-sdk';
 import type { IUrlMetadata } from '../types/common';
 import type { TextProps } from 'react-native';
 export declare const isMessageRevoked: (message: MessageItem) => boolean;
+export declare const GROUP_NOTIFICATION_TEXT: Partial<Record<MessageType, {
+    previewKey: string;
+    bySenderKey: string;
+}>>;
 export declare const extractTextContent: (message: MessageItem) => string;
 export declare const getMessagePreview: (message?: MessageItem) => string;
 export declare const getMessagePreviewTextProps: (message?: MessageItem) => TextProps;
@@ -20,6 +24,7 @@ export interface PinnedMessagePreview {
     fileIcon?: number;
 }
 export declare const getPinnedMessagePreview: (message: MessageItem) => PinnedMessagePreview;
+export declare const getNotificationOpUserNickname: (message: MessageItem) => string | undefined;
 export declare const getSenderName: (message: MessageItem, currentUserId?: string, conversation?: ConversationItem) => string;
 export interface GetLastMessageTextParams {
     message: MessageItem | undefined;

package/lib/typescript/src/utils/messageUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/messageUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,KAAG,OACL,CAAC;AAEpD,eAAO,MAAM,kBAAkB,GAAI,SAAS,WAAW,KAAG,MAYzD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,WAAW,KAAG,MA0EzD,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,UAAU,WAAW,KACpB,SAUF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,UAAU,WAAW,KACpB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAGrC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,sBAAsB,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,eAAO,MAAM,uBAAuB,GAClC,SAAS,WAAW,KACnB,oBA0DF,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,SAAS,WAAW,EACpB,gBAAgB,MAAM,EACtB,eAAe,gBAAgB,KAC9B,MASF,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,kBAAkB,GAAI,0EAKhC,wBAAwB,KAAG,MAiB7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,UAAU,WAAW,EACrB,gBAAgB,MAAM,EACtB,eAAe,gBAAgB,EAC/B,SAAS,OAAO,KACf,MAOF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,YAAY,GAAG,SAS7D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAUhE,CAAC"}
+{"version":3,"file":"messageUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/messageUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,WAAW,EAEX,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,KAAG,OACL,CAAC;AAKpD,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAC3C,MAAM,CAAC,WAAW,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CA0DjE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,WAAW,KAAG,MAYzD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,WAAW,KAAG,MAyFzD,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,UAAU,WAAW,KACpB,SAUF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,UAAU,WAAW,KACpB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAGrC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,sBAAsB,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,eAAO,MAAM,uBAAuB,GAClC,SAAS,WAAW,KACnB,oBA0DF,CAAC;AAKF,eAAO,MAAM,6BAA6B,GACxC,SAAS,WAAW,KACnB,MAAM,GAAG,SAUX,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,SAAS,WAAW,EACpB,gBAAgB,MAAM,EACtB,eAAe,gBAAgB,KAC9B,MAUF,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,kBAAkB,GAAI,0EAKhC,wBAAwB,KAAG,MAsB7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,UAAU,WAAW,EACrB,gBAAgB,MAAM,EACtB,eAAe,gBAAgB,EAC/B,SAAS,OAAO,KACf,MAOF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,YAAY,GAAG,SAS7D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAUhE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-mobile",
-  "version": "0.2.66",
+  "version": "0.2.68",
   "description": "Droppii chat mobile",
   "keywords": [
     "react-native",
@@ -69,7 +69,7 @@
     "example-legacy": "yarn workspace @droppii-org/chat-mobile-example-legacy"
   },
   "dependencies": {
-    "@droppii/openim-rn-client-sdk": "git+ssh://git@github.com/droppii/open-im-sdk-reactnative.git#v1.0.0-rc24",
+    "@droppii/openim-rn-client-sdk": "git+ssh://git@github.com/droppii/open-im-sdk-reactnative.git#v1.0.0-rc27",
     "@legendapp/list": "^3.0.6",
     "axios": "^1.16.1",
     "lodash": "^4.18.1",

package/src/build-ignore.d.ts

@@ -7,6 +7,7 @@ declare module '@droppii/libs' {
   export type KPopupProps = any;
   export type KToastBarProps = any;
   export type KListItemBaseItemProps = any;
+  export type KSpacing = any;
 
   export const KColors: any;
   export const KSpacingValue: any;

package/src/components/Avatar/Avatar.tsx

@@ -3,6 +3,8 @@ import { StyleSheet } from 'react-native';
 import { KContainer, KColors } from '@droppii/libs';
 import { SingleAvatar } from './SingleAvatar';
 import { DoubleAvatar } from './DoubleAvatar';
+import { TripleAvatar } from './TripleAvatar';
+import { QuadAvatar } from './QuadAvatar';
 import { AvatarBadge } from './AvatarBadge';
 import { SIZE_MAP } from './Avatar.utils';
 import type { AvatarProps } from './Avatar.types';
@@ -13,8 +15,12 @@ const Avatar = memo(
     size = 'md',
     type = 'single',
     secondarySource,
+    tertiarySource,
+    remainingCount,
     badge,
     fullName,
+    secondaryFullName,
+    tertiaryFullName,
     borderColor = KColors.white,
     borderWidth = 1,
     placeholderColor = KColors.palette.gray.w400,
@@ -23,6 +29,41 @@ const Avatar = memo(
     const sizeValue = useMemo(() => SIZE_MAP[size], [size]);
 
     const content = useMemo(() => {
+      if (type === 'quad' && remainingCount) {
+        return (
+          <QuadAvatar
+            primarySource={source}
+            secondarySource={secondarySource}
+            tertiarySource={tertiarySource}
+            remainingCount={remainingCount}
+            size={sizeValue}
+            borderColor={borderColor}
+            borderWidth={borderWidth}
+            placeholderColor={placeholderColor}
+            primaryFullName={fullName}
+            secondaryFullName={secondaryFullName}
+            tertiaryFullName={tertiaryFullName}
+          />
+        );
+      }
+
+      if (type === 'triple') {
+        return (
+          <TripleAvatar
+            primarySource={source}
+            secondarySource={secondarySource}
+            tertiarySource={tertiarySource}
+            size={sizeValue}
+            borderColor={borderColor}
+            borderWidth={borderWidth}
+            placeholderColor={placeholderColor}
+            primaryFullName={fullName}
+            secondaryFullName={secondaryFullName}
+            tertiaryFullName={tertiaryFullName}
+          />
+        );
+      }
+
       if (type === 'double') {
         return (
           <DoubleAvatar
@@ -32,6 +73,8 @@ const Avatar = memo(
             borderColor={borderColor}
             borderWidth={borderWidth}
             placeholderColor={placeholderColor}
+            primaryFullName={fullName}
+            secondaryFullName={secondaryFullName}
           />
         );
       }
@@ -51,11 +94,15 @@ const Avatar = memo(
       type,
       source,
       secondarySource,
+      tertiarySource,
+      remainingCount,
       sizeValue,
       borderColor,
       borderWidth,
       placeholderColor,
       fullName,
+      secondaryFullName,
+      tertiaryFullName,
     ]);
 
     const containerStyle = useMemo(

package/src/components/Avatar/Avatar.types.ts

@@ -2,13 +2,17 @@ export interface AvatarProps {
   userId?: string;
   source?: string | null;
   size?: 'sm' | 'nm' | 'md' | 'lg' | '4xlg';
-  type?: 'single' | 'double';
+  type?: 'single' | 'double' | 'triple' | 'quad';
   secondarySource?: string | null;
+  tertiarySource?: string | null;
+  remainingCount?: number;
   badge?: {
     label?: string;
     variant?: 'bot' | 'support' | 'mall' | 'custom';
   };
   fullName?: string;
+  secondaryFullName?: string;
+  tertiaryFullName?: string;
   borderColor?: string;
   borderWidth?: number;
   placeholderColor?: string;

package/src/components/Avatar/DoubleAvatar.tsx

@@ -25,8 +25,9 @@ export const DoubleAvatar = memo(
     primaryFullName,
     secondaryFullName,
   }: DoubleAvatarProps) => {
-    const innerSize = Math.round(size * 0.6875); // 33/48 ratio
-    const offset = Math.round(size * 0.3125); // 15/48 ratio
+    const primarySize = Math.round(size * 0.78);
+    const secondarySize = Math.round(size * 0.58);
+    const secondaryBorderWidth = borderWidth + 1;
 
     return (
       <KContainer.View
@@ -35,13 +36,13 @@ export const DoubleAvatar = memo(
         <KContainer.View
           style={[
             styles.doubleAvatarChild,
-            styles.doubleAvatarTop,
-            { width: innerSize, height: innerSize, right: offset },
+            styles.doubleAvatarBottomLeft,
+            { width: primarySize, height: primarySize },
           ]}
         >
           <SingleAvatar
             source={primarySource}
-            size={innerSize}
+            size={primarySize}
             borderColor={borderColor}
             borderWidth={borderWidth}
             placeholderColor={placeholderColor}
@@ -52,15 +53,15 @@ export const DoubleAvatar = memo(
         <KContainer.View
           style={[
             styles.doubleAvatarChild,
-            styles.doubleAvatarBottom,
-            { width: innerSize, height: innerSize, left: offset },
+            styles.doubleAvatarTopRight,
+            { width: secondarySize, height: secondarySize },
           ]}
         >
           <SingleAvatar
             source={secondarySource}
-            size={innerSize}
+            size={secondarySize}
             borderColor={borderColor}
-            borderWidth={borderWidth}
+            borderWidth={secondaryBorderWidth}
             placeholderColor={placeholderColor}
             backgroundColor={KColors.palette.gray.w300}
             fullName={secondaryFullName}
@@ -80,10 +81,12 @@ const styles = StyleSheet.create({
   doubleAvatarChild: {
     position: 'absolute',
   },
-  doubleAvatarTop: {
-    top: 0,
-  },
-  doubleAvatarBottom: {
+  doubleAvatarBottomLeft: {
     bottom: 0,
+    left: 0,
+  },
+  doubleAvatarTopRight: {
+    top: 0,
+    right: 0,
   },
 });

package/src/components/Avatar/QuadAvatar.tsx

@@ -0,0 +1,161 @@
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KLabel, KColors } from '@droppii/libs';
+import { SingleAvatar } from './SingleAvatar';
+
+interface QuadAvatarProps {
+  primarySource: string | null | undefined;
+  secondarySource: string | null | undefined;
+  tertiarySource: string | null | undefined;
+  remainingCount: number;
+  size: number;
+  borderColor: string;
+  borderWidth: number;
+  placeholderColor: string;
+  primaryFullName?: string;
+  secondaryFullName?: string;
+  tertiaryFullName?: string;
+}
+
+const getCountTypo = (cellSize: number) => {
+  if (cellSize <= 20) return 'Text2XsBold' as const;
+  if (cellSize <= 32) return 'TextXsBold' as const;
+  return 'TextNmBold' as const;
+};
+
+export const QuadAvatar = memo(
+  ({
+    primarySource,
+    secondarySource,
+    tertiarySource,
+    remainingCount,
+    size,
+    borderColor,
+    borderWidth,
+    placeholderColor,
+    primaryFullName,
+    secondaryFullName,
+    tertiaryFullName,
+  }: QuadAvatarProps) => {
+    const circleSize = Math.round(size * 0.58);
+    const clusterBorderWidth = borderWidth + 1;
+    const overflowLabel = remainingCount > 99 ? '99+' : `+${remainingCount}`;
+
+    return (
+      <KContainer.View
+        style={[styles.quadAvatarContainer, { width: size, height: size }]}
+      >
+        <KContainer.View
+          style={[
+            styles.quadAvatarChild,
+            styles.quadAvatarTopLeft,
+            { width: circleSize, height: circleSize },
+          ]}
+        >
+          <SingleAvatar
+            source={primarySource}
+            size={circleSize}
+            borderColor={borderColor}
+            borderWidth={clusterBorderWidth}
+            placeholderColor={placeholderColor}
+            backgroundColor={KColors.palette.gray.w300}
+            fullName={primaryFullName}
+          />
+        </KContainer.View>
+        <KContainer.View
+          style={[
+            styles.quadAvatarChild,
+            styles.quadAvatarBottomLeft,
+            { width: circleSize, height: circleSize },
+          ]}
+        >
+          <SingleAvatar
+            source={tertiarySource}
+            size={circleSize}
+            borderColor={borderColor}
+            borderWidth={clusterBorderWidth}
+            placeholderColor={placeholderColor}
+            backgroundColor={KColors.palette.gray.w300}
+            fullName={tertiaryFullName}
+          />
+        </KContainer.View>
+        <KContainer.View
+          style={[
+            styles.quadAvatarChild,
+            styles.quadAvatarTopRight,
+            { width: circleSize, height: circleSize },
+          ]}
+        >
+          <SingleAvatar
+            source={secondarySource}
+            size={circleSize}
+            borderColor={borderColor}
+            borderWidth={clusterBorderWidth}
+            placeholderColor={placeholderColor}
+            backgroundColor={KColors.palette.gray.w300}
+            fullName={secondaryFullName}
+          />
+        </KContainer.View>
+        <KContainer.View
+          style={[
+            styles.quadAvatarChild,
+            styles.quadAvatarBottomRight,
+            { width: circleSize, height: circleSize },
+          ]}
+        >
+          <KContainer.View
+            center
+            style={[
+              styles.overflowBadge,
+              {
+                width: circleSize,
+                height: circleSize,
+                borderRadius: circleSize / 2,
+                borderWidth: clusterBorderWidth,
+                borderColor,
+              },
+            ]}
+          >
+            <KLabel.Text typo={getCountTypo(circleSize)} color={KColors.white}>
+              {overflowLabel}
+            </KLabel.Text>
+          </KContainer.View>
+        </KContainer.View>
+      </KContainer.View>
+    );
+  }
+);
+
+QuadAvatar.displayName = 'QuadAvatar';
+
+const styles = StyleSheet.create({
+  quadAvatarContainer: {
+    position: 'relative',
+  },
+  quadAvatarChild: {
+    position: 'absolute',
+  },
+  quadAvatarTopLeft: {
+    top: 0,
+    left: 0,
+    zIndex: 1,
+  },
+  quadAvatarBottomLeft: {
+    bottom: 0,
+    left: 0,
+    zIndex: 2,
+  },
+  quadAvatarTopRight: {
+    top: 0,
+    right: 0,
+    zIndex: 3,
+  },
+  quadAvatarBottomRight: {
+    bottom: 0,
+    right: 0,
+    zIndex: 4,
+  },
+  overflowBadge: {
+    backgroundColor: KColors.palette.gray.w500,
+  },
+});