@droppii-org/chat-mobile 0.2.49 → 0.2.51
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/StickerPicker/StickerCategoryTabs.js +86 -0
- package/lib/module/components/StickerPicker/StickerCategoryTabs.js.map +1 -0
- package/lib/module/components/StickerPicker/StickerPickerPlaceholder.js +18 -0
- package/lib/module/components/StickerPicker/StickerPickerPlaceholder.js.map +1 -0
- package/lib/module/components/StickerPicker/StickerPickerRowItem.js +35 -0
- package/lib/module/components/StickerPicker/StickerPickerRowItem.js.map +1 -0
- package/lib/module/components/StickerPicker/StickerSectionList.js +110 -0
- package/lib/module/components/StickerPicker/StickerSectionList.js.map +1 -0
- package/lib/module/components/StickerPicker/constants.js +14 -0
- package/lib/module/components/StickerPicker/constants.js.map +1 -0
- package/lib/module/components/StickerPicker/index.js +134 -0
- package/lib/module/components/StickerPicker/index.js.map +1 -0
- package/lib/module/components/ThreadCard/MuteThread.js +4 -28
- package/lib/module/components/ThreadCard/MuteThread.js.map +1 -1
- package/lib/module/components/ThreadCard/PinThread.js +45 -0
- package/lib/module/components/ThreadCard/PinThread.js.map +1 -0
- package/lib/module/components/ThreadCard/ThreadCard.js +14 -9
- package/lib/module/components/ThreadCard/ThreadCard.js.map +1 -1
- package/lib/module/components/messages/stickerMessage/index.js +28 -0
- package/lib/module/components/messages/stickerMessage/index.js.map +1 -0
- package/lib/module/config/api-endpoints.js +4 -1
- package/lib/module/config/api-endpoints.js.map +1 -1
- package/lib/module/hooks/conversation/useGetConversationDetail.js +15 -0
- package/lib/module/hooks/conversation/useGetConversationDetail.js.map +1 -1
- package/lib/module/hooks/flows/useGetConversationFlowMainMenu.js +1 -1
- package/lib/module/hooks/flows/useGetConversationFlowMainMenu.js.map +1 -1
- package/lib/module/hooks/message/useSendMessage.js +45 -18
- package/lib/module/hooks/message/useSendMessage.js.map +1 -1
- package/lib/module/hooks/query-keys.js +7 -0
- package/lib/module/hooks/query-keys.js.map +1 -1
- package/lib/module/hooks/stickers/useFetchStickerByCategory.js +12 -0
- package/lib/module/hooks/stickers/useFetchStickerByCategory.js.map +1 -0
- package/lib/module/hooks/stickers/useStickerCategories.js +14 -0
- package/lib/module/hooks/stickers/useStickerCategories.js.map +1 -0
- package/lib/module/hooks/stickers/useStickerHistory.js +16 -0
- package/lib/module/hooks/stickers/useStickerHistory.js.map +1 -0
- package/lib/module/hooks/useChatCompose.js +1 -18
- package/lib/module/hooks/useChatCompose.js.map +1 -1
- package/lib/module/hooks/useMuteConversation.js +34 -15
- package/lib/module/hooks/useMuteConversation.js.map +1 -1
- package/lib/module/hooks/usePinConversation.js +72 -0
- package/lib/module/hooks/usePinConversation.js.map +1 -0
- package/lib/module/screens/chat-detail/ChatComposer.js +64 -16
- package/lib/module/screens/chat-detail/ChatComposer.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatDetail.js +6 -20
- package/lib/module/screens/chat-detail/ChatDetail.js.map +1 -1
- package/lib/module/screens/chat-detail/hooks/useChatComposerAnimation.js +15 -4
- package/lib/module/screens/chat-detail/hooks/useChatComposerAnimation.js.map +1 -1
- package/lib/module/screens/chat-detail/hooks/useChatComposerState.js +3 -0
- package/lib/module/screens/chat-detail/hooks/useChatComposerState.js.map +1 -1
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js +5 -6
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js.map +1 -1
- package/lib/module/services/attachmentOrchestrator.js +1 -1
- package/lib/module/services/attachmentOrchestrator.js.map +1 -1
- package/lib/module/services/endpoints.js +4 -1
- package/lib/module/services/endpoints.js.map +1 -1
- package/lib/module/store/conversation.js +1 -20
- package/lib/module/store/conversation.js.map +1 -1
- package/lib/module/translation/resources/i18n.js +10 -1
- package/lib/module/translation/resources/i18n.js.map +1 -1
- package/lib/module/types/chat.js +6 -0
- package/lib/module/types/chat.js.map +1 -1
- package/lib/module/types/sticker.js +2 -0
- package/lib/module/types/sticker.js.map +1 -0
- package/lib/module/utils/conversation.js +1 -24
- package/lib/module/utils/conversation.js.map +1 -1
- package/lib/module/utils/messageUtils.js +2 -0
- package/lib/module/utils/messageUtils.js.map +1 -1
- package/lib/typescript/src/components/StickerPicker/StickerCategoryTabs.d.ts +9 -0
- package/lib/typescript/src/components/StickerPicker/StickerCategoryTabs.d.ts.map +1 -0
- package/lib/typescript/src/components/StickerPicker/StickerPickerPlaceholder.d.ts +2 -0
- package/lib/typescript/src/components/StickerPicker/StickerPickerPlaceholder.d.ts.map +1 -0
- package/lib/typescript/src/components/StickerPicker/StickerPickerRowItem.d.ts +8 -0
- package/lib/typescript/src/components/StickerPicker/StickerPickerRowItem.d.ts.map +1 -0
- package/lib/typescript/src/components/StickerPicker/StickerSectionList.d.ts +15 -0
- package/lib/typescript/src/components/StickerPicker/StickerSectionList.d.ts.map +1 -0
- package/lib/typescript/src/components/StickerPicker/constants.d.ts +11 -0
- package/lib/typescript/src/components/StickerPicker/constants.d.ts.map +1 -0
- package/lib/typescript/src/components/StickerPicker/index.d.ts +7 -0
- package/lib/typescript/src/components/StickerPicker/index.d.ts.map +1 -0
- package/lib/typescript/src/components/ThreadCard/MuteThread.d.ts.map +1 -1
- package/lib/typescript/src/components/ThreadCard/PinThread.d.ts +10 -0
- package/lib/typescript/src/components/ThreadCard/PinThread.d.ts.map +1 -0
- package/lib/typescript/src/components/ThreadCard/ThreadCard.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/stickerMessage/index.d.ts +3 -0
- package/lib/typescript/src/components/messages/stickerMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/config/api-endpoints.d.ts +3 -0
- package/lib/typescript/src/config/api-endpoints.d.ts.map +1 -1
- package/lib/typescript/src/hooks/conversation/useGetConversationDetail.d.ts +2 -1
- package/lib/typescript/src/hooks/conversation/useGetConversationDetail.d.ts.map +1 -1
- package/lib/typescript/src/hooks/message/useSendMessage.d.ts +5 -3
- package/lib/typescript/src/hooks/message/useSendMessage.d.ts.map +1 -1
- package/lib/typescript/src/hooks/query-keys.d.ts +7 -0
- package/lib/typescript/src/hooks/query-keys.d.ts.map +1 -1
- package/lib/typescript/src/hooks/stickers/useFetchStickerByCategory.d.ts +3 -0
- package/lib/typescript/src/hooks/stickers/useFetchStickerByCategory.d.ts.map +1 -0
- package/lib/typescript/src/hooks/stickers/useStickerCategories.d.ts +3 -0
- package/lib/typescript/src/hooks/stickers/useStickerCategories.d.ts.map +1 -0
- package/lib/typescript/src/hooks/stickers/useStickerHistory.d.ts +3 -0
- package/lib/typescript/src/hooks/stickers/useStickerHistory.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useChatCompose.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useMuteConversation.d.ts.map +1 -1
- package/lib/typescript/src/hooks/usePinConversation.d.ts +6 -0
- package/lib/typescript/src/hooks/usePinConversation.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/ChatComposer.d.ts +2 -2
- 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/hooks/useChatComposerAnimation.d.ts +2 -1
- package/lib/typescript/src/screens/chat-detail/hooks/useChatComposerAnimation.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/hooks/useChatComposerState.d.ts +3 -0
- package/lib/typescript/src/screens/chat-detail/hooks/useChatComposerState.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map +1 -1
- package/lib/typescript/src/services/endpoints.d.ts +4 -1
- package/lib/typescript/src/services/endpoints.d.ts.map +1 -1
- package/lib/typescript/src/store/conversation.d.ts +0 -3
- 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/chat.d.ts +12 -19
- package/lib/typescript/src/types/chat.d.ts.map +1 -1
- package/lib/typescript/src/types/sticker.d.ts +21 -0
- package/lib/typescript/src/types/sticker.d.ts.map +1 -0
- package/lib/typescript/src/utils/conversation.d.ts +1 -2
- package/lib/typescript/src/utils/conversation.d.ts.map +1 -1
- package/lib/typescript/src/utils/messageUtils.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/StickerPicker/StickerCategoryTabs.tsx +103 -0
- package/src/components/StickerPicker/StickerPickerPlaceholder.tsx +16 -0
- package/src/components/StickerPicker/StickerPickerRowItem.tsx +43 -0
- package/src/components/StickerPicker/StickerSectionList.tsx +141 -0
- package/src/components/StickerPicker/constants.ts +20 -0
- package/src/components/StickerPicker/index.tsx +166 -0
- package/src/components/ThreadCard/MuteThread.tsx +4 -28
- package/src/components/ThreadCard/PinThread.tsx +58 -0
- package/src/components/ThreadCard/ThreadCard.tsx +11 -5
- package/src/components/messages/stickerMessage/index.tsx +26 -0
- package/src/config/api-endpoints.ts +6 -0
- package/src/hooks/conversation/useGetConversationDetail.ts +20 -1
- package/src/hooks/flows/useGetConversationFlowMainMenu.ts +1 -1
- package/src/hooks/message/useSendMessage.ts +49 -27
- package/src/hooks/query-keys.ts +10 -0
- package/src/hooks/stickers/useFetchStickerByCategory.ts +15 -0
- package/src/hooks/stickers/useStickerCategories.ts +17 -0
- package/src/hooks/stickers/useStickerHistory.ts +19 -0
- package/src/hooks/useChatCompose.ts +0 -19
- package/src/hooks/useMuteConversation.ts +32 -17
- package/src/hooks/usePinConversation.ts +87 -0
- package/src/screens/chat-detail/ChatComposer.tsx +106 -19
- package/src/screens/chat-detail/ChatDetail.tsx +5 -19
- package/src/screens/chat-detail/hooks/useChatComposerAnimation.ts +21 -5
- package/src/screens/chat-detail/hooks/useChatComposerState.ts +7 -0
- package/src/screens/chat-detail/legend/LegendChatMessage.tsx +4 -5
- package/src/services/attachmentOrchestrator.ts +1 -1
- package/src/services/endpoints.ts +6 -1
- package/src/store/conversation.ts +0 -24
- package/src/translation/resources/i18n.ts +11 -0
- package/src/types/chat.ts +13 -21
- package/src/types/sticker.ts +23 -0
- package/src/utils/conversation.ts +0 -28
- package/src/utils/messageUtils.ts +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMuteConversation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMuteConversation.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"useMuteConversation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMuteConversation.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAItE,wBAAgB,mBAAmB;sCAET,gBAAgB;wCAwBhB,gBAAgB;EAwBzC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
|
|
2
|
+
export declare function usePinConversation(): {
|
|
3
|
+
pinConversation: (conversation?: ConversationItem) => Promise<void>;
|
|
4
|
+
unpinConversation: (conversation?: ConversationItem) => Promise<void>;
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=usePinConversation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePinConversation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePinConversation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAwBtE,wBAAgB,kBAAkB;qCAER,gBAAgB;uCAiChB,gBAAgB;EAyBzC"}
|
|
@@ -4,10 +4,10 @@ import { type DChatPannelAction } from './types';
|
|
|
4
4
|
interface ChatComposerInternalProps {
|
|
5
5
|
isEmptyMessage?: boolean;
|
|
6
6
|
pannelActions?: DChatPannelAction[];
|
|
7
|
-
|
|
7
|
+
isComposeDisabled?: boolean;
|
|
8
8
|
composerRef?: RefObject<View | null>;
|
|
9
9
|
onComposerLayout?: (event: LayoutChangeEvent) => void;
|
|
10
10
|
}
|
|
11
|
-
export declare const ChatComposer: import("react").MemoExoticComponent<({ isEmptyMessage, pannelActions,
|
|
11
|
+
export declare const ChatComposer: import("react").MemoExoticComponent<({ isEmptyMessage, pannelActions, isComposeDisabled, composerRef, onComposerLayout, }: ChatComposerInternalProps) => import("react").JSX.Element>;
|
|
12
12
|
export {};
|
|
13
13
|
//# sourceMappingURL=ChatComposer.d.ts.map
|
|
@@ -1 +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,
|
|
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;AAa5E,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,iCAqW7B,CAAC"}
|
|
@@ -1 +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;
|
|
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,qPAeX,eAAe,iCA2JnB,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -7,7 +7,8 @@ interface UseChatComposerAnimationReturn {
|
|
|
7
7
|
accessorySlotStyle: any;
|
|
8
8
|
toggleAttachmentVisibility: () => void;
|
|
9
9
|
openAttachment: () => void;
|
|
10
|
-
|
|
10
|
+
openWithHeight: (height: number) => void;
|
|
11
|
+
closeAttachment: (speedUp?: boolean, immediate?: boolean) => void;
|
|
11
12
|
}
|
|
12
13
|
export declare const useChatComposerAnimation: ({ panelHeight, onAttachmentOpenChange, }: UseChatComposerAnimationProps) => UseChatComposerAnimationReturn;
|
|
13
14
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatComposerAnimation.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/hooks/useChatComposerAnimation.ts"],"names":[],"mappings":"AAWA,UAAU,6BAA6B;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,UAAU,8BAA8B;IACtC,kBAAkB,EAAE,GAAG,CAAC;IACxB,kBAAkB,EAAE,GAAG,CAAC;IACxB,0BAA0B,EAAE,MAAM,IAAI,CAAC;IACvC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"useChatComposerAnimation.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/hooks/useChatComposerAnimation.ts"],"names":[],"mappings":"AAWA,UAAU,6BAA6B;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,UAAU,8BAA8B;IACtC,kBAAkB,EAAE,GAAG,CAAC;IACxB,kBAAkB,EAAE,GAAG,CAAC;IACxB,0BAA0B,EAAE,MAAM,IAAI,CAAC;IACvC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,wBAAwB,GAAI,0CAGtC,6BAA6B,KAAG,8BA4ElC,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
export type ActivePanelType = 'attachment' | 'sticker' | null;
|
|
1
2
|
interface UseChatComposerStateReturn {
|
|
3
|
+
activePanelType: ActivePanelType;
|
|
4
|
+
setActivePanelType: (type: ActivePanelType) => void;
|
|
2
5
|
isAttachmentOpen: boolean;
|
|
3
6
|
setIsAttachmentOpen: (open: boolean) => void;
|
|
4
7
|
isInputFocused: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatComposerState.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/hooks/useChatComposerState.ts"],"names":[],"mappings":"AAEA,UAAU,0BAA0B;IAClC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,KACZ,
|
|
1
|
+
{"version":3,"file":"useChatComposerState.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/hooks/useChatComposerState.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE9D,UAAU,0BAA0B;IAClC,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,KACZ,0BA2BF,CAAC"}
|
|
@@ -1 +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;
|
|
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;CAC1D;AAuBD,eAAO,MAAM,iBAAiB,mKAWzB,sBAAsB,wRAsD1B,CAAC"}
|
|
@@ -14,7 +14,10 @@ export declare const ENDPOINTS: {
|
|
|
14
14
|
getConversationByBotId: (botId: string) => string;
|
|
15
15
|
conversationFlowMainMenu: (id: string) => string;
|
|
16
16
|
getConversationStatusByBotId: (botId: string) => string;
|
|
17
|
-
|
|
17
|
+
getConversationTarget: (conversationId: string) => string;
|
|
18
|
+
stickerCategories: () => string;
|
|
19
|
+
stickersByCategoryId: (id: string) => string;
|
|
20
|
+
stickerHistory: () => string;
|
|
18
21
|
};
|
|
19
22
|
uploaderService: {
|
|
20
23
|
readonly uploadImage: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"endpoints.d.ts","sourceRoot":"","sources":["../../../../src/services/endpoints.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,cAAc,EACd,cAAc,EACd,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,SAAS;;;;+BAQK,MAAM;oCACD,MAAM;kCAER,MAAM;wCAEA,MAAM;uCAEP,MAAM;8CAEC,MAAM;;;;;;
|
|
1
|
+
{"version":3,"file":"endpoints.d.ts","sourceRoot":"","sources":["../../../../src/services/endpoints.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,cAAc,EACd,cAAc,EACd,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,SAAS;;;;+BAQK,MAAM;oCACD,MAAM;kCAER,MAAM;wCAEA,MAAM;uCAEP,MAAM;8CAEC,MAAM;gDAEJ,MAAM;;mCAGnB,MAAM;;;;;;CASpC,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
|
|
2
|
-
import type { CreateConversationParams } from '../types/chat';
|
|
3
2
|
type ConversationID = string;
|
|
4
3
|
export interface ConversationStore {
|
|
5
4
|
currentConversationId?: ConversationID;
|
|
6
5
|
currentUserId?: string;
|
|
7
6
|
currentGroupId?: string;
|
|
8
|
-
isCreatingConversation?: boolean;
|
|
9
|
-
createConversation: (params: CreateConversationParams) => Promise<void>;
|
|
10
7
|
setCurrentConversation(id?: ConversationID, userId?: string, groupId?: string): void;
|
|
11
8
|
getCurrentConversation(): ConversationItem | undefined;
|
|
12
9
|
list: ConversationID[];
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;AAiGA,wBAEE"}
|
|
@@ -92,6 +92,17 @@ export interface DBotStatus {
|
|
|
92
92
|
team: unknown | null;
|
|
93
93
|
botSupportPlatform: unknown | null;
|
|
94
94
|
}
|
|
95
|
+
/**
|
|
96
|
+
* Known target types from GET .../conversations/{id}/target. `type` is a BE
|
|
97
|
+
* string literal; kept as `string` so unexpected values never break the UI.
|
|
98
|
+
*/
|
|
99
|
+
export interface DConversationTarget {
|
|
100
|
+
id: string;
|
|
101
|
+
name: string;
|
|
102
|
+
avartar: string;
|
|
103
|
+
isActive: boolean;
|
|
104
|
+
type: string;
|
|
105
|
+
}
|
|
95
106
|
export declare enum SyncStatus {
|
|
96
107
|
Loading = 0,
|
|
97
108
|
Success = 1,
|
|
@@ -130,6 +141,7 @@ export interface IMessageItemEx {
|
|
|
130
141
|
};
|
|
131
142
|
urlMetadata?: IUrlMetadata;
|
|
132
143
|
flow?: IRunConversationFlowPayload;
|
|
144
|
+
stickerId?: string;
|
|
133
145
|
}
|
|
134
146
|
export interface IGetMessagesParams {
|
|
135
147
|
loadMore: boolean;
|
|
@@ -197,24 +209,5 @@ export type CustomMessagePayload = {
|
|
|
197
209
|
type: typeof CustomMessageType.Product;
|
|
198
210
|
data: Record<string, unknown>;
|
|
199
211
|
};
|
|
200
|
-
export interface CreateConversationParams {
|
|
201
|
-
peerUserId: string;
|
|
202
|
-
chatCategory: DChatCategory;
|
|
203
|
-
applicationType: DChatApplicationType;
|
|
204
|
-
chatType: 'SINGLE' | 'GROUP';
|
|
205
|
-
}
|
|
206
|
-
export interface CreateConversationResponse {
|
|
207
|
-
conversationId: string;
|
|
208
|
-
groupId?: string;
|
|
209
|
-
groupName?: string;
|
|
210
|
-
groupAvatar?: string;
|
|
211
|
-
chatCategory: DChatCategory;
|
|
212
|
-
applicationType: DChatApplicationType;
|
|
213
|
-
chatType: 'SINGLE' | 'GROUP';
|
|
214
|
-
members?: {
|
|
215
|
-
userId: string;
|
|
216
|
-
memberRole?: string;
|
|
217
|
-
}[];
|
|
218
|
-
}
|
|
219
212
|
export {};
|
|
220
213
|
//# sourceMappingURL=chat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/types/chat.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/types/chat.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface StickerFileResource {
|
|
2
|
+
streamId: string;
|
|
3
|
+
containerName: string;
|
|
4
|
+
contentType: string;
|
|
5
|
+
baseUrl: string;
|
|
6
|
+
fullUrl: string;
|
|
7
|
+
}
|
|
8
|
+
export interface StickerCategory {
|
|
9
|
+
id: string;
|
|
10
|
+
name: string;
|
|
11
|
+
icon: StickerFileResource | null;
|
|
12
|
+
stickerCount: number;
|
|
13
|
+
}
|
|
14
|
+
export interface StickerItem {
|
|
15
|
+
id: string;
|
|
16
|
+
name: string;
|
|
17
|
+
categoryId: string;
|
|
18
|
+
file: StickerFileResource;
|
|
19
|
+
}
|
|
20
|
+
export type StickerRow = (StickerItem | null)[];
|
|
21
|
+
//# sourceMappingURL=sticker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sticker.d.ts","sourceRoot":"","sources":["../../../../src/types/sticker.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SessionType, type ConversationItem } from '@droppii/openim-rn-client-sdk';
|
|
2
2
|
export declare const conversationCompare: (a: ConversationItem, b: ConversationItem) => number;
|
|
3
3
|
export declare const getConversationID: (sessionType: SessionType, senderID?: string, receiverID?: string) => string;
|
|
4
4
|
export declare const sortConversation: (map: Record<string, ConversationItem>) => {
|
|
5
5
|
map: Record<string, ConversationItem>;
|
|
6
6
|
list: string[];
|
|
7
7
|
};
|
|
8
|
-
export declare const generateContentBasedOnMessageType: (contentType: MessageType, plainText?: string) => string;
|
|
9
8
|
export declare const getBotId: (conversation?: ConversationItem) => any;
|
|
10
9
|
//# sourceMappingURL=conversation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../src/utils/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../src/utils/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAC;AAEvC,eAAO,MAAM,mBAAmB,GAC9B,GAAG,gBAAgB,EACnB,GAAG,gBAAgB,WAcpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,aAAa,WAAW,EACxB,WAAW,MAAM,EACjB,aAAa,MAAM,WAUpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC;;;CAKrE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,gBAAgB,QAWvD,CAAC"}
|
|
@@ -1 +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,MAQzD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,WAAW,KAAG,
|
|
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,MAQzD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,UAAU,WAAW,KAAG,MAuEzD,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,kBAAkB,GAC7B,SAAS,WAAW,GAAG,SAAS,EAChC,gBAAgB,MAAM,EACtB,eAAe,gBAAgB,KAC9B,MAkBF,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@droppii-org/chat-mobile",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.51",
|
|
4
4
|
"description": "Droppii chat mobile",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"example-legacy": "yarn workspace @droppii-org/chat-mobile-example-legacy"
|
|
70
70
|
},
|
|
71
71
|
"dependencies": {
|
|
72
|
-
"@droppii/openim-rn-client-sdk": "git+ssh://git@github.com/droppii/open-im-sdk-reactnative.git#v1.0.0-
|
|
72
|
+
"@droppii/openim-rn-client-sdk": "git+ssh://git@github.com/droppii/open-im-sdk-reactnative.git#v1.0.0-rc20",
|
|
73
73
|
"@legendapp/list": "^3.0.6",
|
|
74
74
|
"axios": "^1.16.1",
|
|
75
75
|
"lodash": "^4.18.1",
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { memo, useEffect, useRef } from 'react';
|
|
2
|
+
import { StyleSheet } from 'react-native';
|
|
3
|
+
import {
|
|
4
|
+
KContainer,
|
|
5
|
+
KImage,
|
|
6
|
+
KColors,
|
|
7
|
+
KSpacingValue,
|
|
8
|
+
KRadiusValue,
|
|
9
|
+
} from '@droppii/libs';
|
|
10
|
+
import type { StickerCategory } from '../../types/sticker';
|
|
11
|
+
import { CATEGORY_TAB_HEIGHT, RECENT_CATEGORY_ID } from './constants';
|
|
12
|
+
|
|
13
|
+
interface Props {
|
|
14
|
+
categories: StickerCategory[];
|
|
15
|
+
activeCategory: string;
|
|
16
|
+
onSelectCategory: (id: string) => void;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export const StickerCategoryTabs = memo(
|
|
20
|
+
({ categories, activeCategory, onSelectCategory }: Props) => {
|
|
21
|
+
const listRef = useRef<any>(null);
|
|
22
|
+
const pressedFromHereRef = useRef(false);
|
|
23
|
+
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (pressedFromHereRef.current) {
|
|
26
|
+
pressedFromHereRef.current = false;
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
const index = categories.findIndex((c) => c.id === activeCategory);
|
|
30
|
+
if (index >= 0 && listRef.current) {
|
|
31
|
+
try {
|
|
32
|
+
listRef.current.scrollToIndex({
|
|
33
|
+
index,
|
|
34
|
+
animated: true,
|
|
35
|
+
viewPosition: 0.5,
|
|
36
|
+
});
|
|
37
|
+
} catch {}
|
|
38
|
+
}
|
|
39
|
+
}, [activeCategory, categories]);
|
|
40
|
+
|
|
41
|
+
return (
|
|
42
|
+
<KContainer.FlatList
|
|
43
|
+
ref={listRef}
|
|
44
|
+
data={categories}
|
|
45
|
+
horizontal
|
|
46
|
+
showsHorizontalScrollIndicator={false}
|
|
47
|
+
keyExtractor={(item: StickerCategory) => item.id}
|
|
48
|
+
renderItem={({ item }: { item: StickerCategory }) => {
|
|
49
|
+
const isActive = item.id === activeCategory;
|
|
50
|
+
return (
|
|
51
|
+
<KContainer.Touchable
|
|
52
|
+
onPress={() => {
|
|
53
|
+
pressedFromHereRef.current = true;
|
|
54
|
+
onSelectCategory(item.id);
|
|
55
|
+
}}
|
|
56
|
+
center
|
|
57
|
+
style={[styles.tab, isActive && styles.tabActive]}
|
|
58
|
+
>
|
|
59
|
+
{item?.id === RECENT_CATEGORY_ID ? (
|
|
60
|
+
<KImage.VectorIcons name="time-circle-b" size={28} />
|
|
61
|
+
) : (
|
|
62
|
+
item?.icon && (
|
|
63
|
+
<KImage.Base
|
|
64
|
+
uri={item?.icon?.fullUrl}
|
|
65
|
+
width={28}
|
|
66
|
+
height={28}
|
|
67
|
+
/>
|
|
68
|
+
)
|
|
69
|
+
)}
|
|
70
|
+
</KContainer.Touchable>
|
|
71
|
+
);
|
|
72
|
+
}}
|
|
73
|
+
style={styles.list}
|
|
74
|
+
contentContainerStyle={styles.content}
|
|
75
|
+
/>
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
|
|
80
|
+
const styles = StyleSheet.create({
|
|
81
|
+
list: {
|
|
82
|
+
height: CATEGORY_TAB_HEIGHT,
|
|
83
|
+
},
|
|
84
|
+
content: {
|
|
85
|
+
alignItems: 'center',
|
|
86
|
+
paddingHorizontal: KSpacingValue['0.75rem'],
|
|
87
|
+
gap: KSpacingValue['0.75rem'],
|
|
88
|
+
},
|
|
89
|
+
tab: {
|
|
90
|
+
justifyContent: 'center',
|
|
91
|
+
alignItems: 'center',
|
|
92
|
+
padding: KSpacingValue['0.25rem'],
|
|
93
|
+
},
|
|
94
|
+
tabActive: {
|
|
95
|
+
borderRadius: KRadiusValue['2x'],
|
|
96
|
+
backgroundColor: KColors.opacity.grayDark[10],
|
|
97
|
+
borderWidth: 1,
|
|
98
|
+
borderColor: KColors.palette.gray.w700,
|
|
99
|
+
},
|
|
100
|
+
recentIcon: {
|
|
101
|
+
fontSize: 22,
|
|
102
|
+
},
|
|
103
|
+
});
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { KColors, KContainer, KRadiusValue } from '@droppii/libs';
|
|
3
|
+
import { STICKER_SIZE } from './constants';
|
|
4
|
+
|
|
5
|
+
export const StickerPickerPlaceholder = () => (
|
|
6
|
+
<KContainer.View style={styles.placeholder} />
|
|
7
|
+
);
|
|
8
|
+
|
|
9
|
+
const styles = StyleSheet.create({
|
|
10
|
+
placeholder: {
|
|
11
|
+
width: STICKER_SIZE,
|
|
12
|
+
height: STICKER_SIZE,
|
|
13
|
+
borderRadius: KRadiusValue['2x'],
|
|
14
|
+
backgroundColor: KColors.border.light,
|
|
15
|
+
},
|
|
16
|
+
});
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { KContainer, KImage } from '@droppii/libs';
|
|
3
|
+
import { STICKER_SIZE, STICKER_GAP } from './constants';
|
|
4
|
+
import type { StickerItem, StickerRow } from '../../types/sticker';
|
|
5
|
+
import { StickerPickerPlaceholder } from './StickerPickerPlaceholder';
|
|
6
|
+
|
|
7
|
+
interface Props {
|
|
8
|
+
row: StickerRow;
|
|
9
|
+
onSelectSticker: (sticker: StickerItem) => void;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export const StickerPickerRowItem = ({ row, onSelectSticker }: Props) => (
|
|
13
|
+
<KContainer.View row style={styles.row}>
|
|
14
|
+
{row.map((sticker, i) => (
|
|
15
|
+
<KContainer.View
|
|
16
|
+
key={i}
|
|
17
|
+
style={i < row.length - 1 ? styles.cell : undefined}
|
|
18
|
+
>
|
|
19
|
+
{sticker ? (
|
|
20
|
+
<KContainer.Touchable onPress={() => onSelectSticker(sticker)}>
|
|
21
|
+
<KImage.Base
|
|
22
|
+
uri={sticker.file.fullUrl}
|
|
23
|
+
width={STICKER_SIZE}
|
|
24
|
+
height={STICKER_SIZE}
|
|
25
|
+
/>
|
|
26
|
+
</KContainer.Touchable>
|
|
27
|
+
) : (
|
|
28
|
+
<StickerPickerPlaceholder />
|
|
29
|
+
)}
|
|
30
|
+
</KContainer.View>
|
|
31
|
+
))}
|
|
32
|
+
</KContainer.View>
|
|
33
|
+
);
|
|
34
|
+
|
|
35
|
+
const styles = StyleSheet.create({
|
|
36
|
+
row: {
|
|
37
|
+
marginBottom: STICKER_GAP,
|
|
38
|
+
paddingHorizontal: 12,
|
|
39
|
+
},
|
|
40
|
+
cell: {
|
|
41
|
+
marginRight: STICKER_GAP,
|
|
42
|
+
},
|
|
43
|
+
});
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { forwardRef, useCallback, useRef } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
SectionList,
|
|
4
|
+
StyleSheet,
|
|
5
|
+
type NativeSyntheticEvent,
|
|
6
|
+
type NativeScrollEvent,
|
|
7
|
+
} from 'react-native';
|
|
8
|
+
import { KColors, KLabel, KSpacingValue } from '@droppii/libs';
|
|
9
|
+
import type { StickerItem, StickerRow } from '../../types/sticker';
|
|
10
|
+
import { StickerPickerRowItem } from './StickerPickerRowItem';
|
|
11
|
+
import { STICKER_PICKER_CONTENT_HEIGHT } from './constants';
|
|
12
|
+
|
|
13
|
+
export interface StickerPickerSection {
|
|
14
|
+
categoryId: string;
|
|
15
|
+
title: string;
|
|
16
|
+
data: StickerRow[];
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
interface Props {
|
|
20
|
+
sections: StickerPickerSection[];
|
|
21
|
+
onSectionVisible: (categoryId: string) => void;
|
|
22
|
+
onActiveCategoryChange: (categoryId: string) => void;
|
|
23
|
+
onSelectSticker: (sticker: StickerItem) => void;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const AT_BOTTOM_THRESHOLD = 8;
|
|
27
|
+
|
|
28
|
+
const VIEWABILITY_CONFIG = { itemVisiblePercentThreshold: 10 };
|
|
29
|
+
|
|
30
|
+
export const StickerSectionList = forwardRef<any, Props>(
|
|
31
|
+
(
|
|
32
|
+
{ sections, onSectionVisible, onActiveCategoryChange, onSelectSticker },
|
|
33
|
+
ref
|
|
34
|
+
) => {
|
|
35
|
+
const onSectionVisibleRef = useRef(onSectionVisible);
|
|
36
|
+
onSectionVisibleRef.current = onSectionVisible;
|
|
37
|
+
|
|
38
|
+
const onActiveCategoryChangeRef = useRef(onActiveCategoryChange);
|
|
39
|
+
onActiveCategoryChangeRef.current = onActiveCategoryChange;
|
|
40
|
+
|
|
41
|
+
const sectionsRef = useRef(sections);
|
|
42
|
+
sectionsRef.current = sections;
|
|
43
|
+
|
|
44
|
+
const isAtBottomRef = useRef(false);
|
|
45
|
+
|
|
46
|
+
const onScroll = useCallback(
|
|
47
|
+
(e: NativeSyntheticEvent<NativeScrollEvent>) => {
|
|
48
|
+
const { contentOffset, contentSize, layoutMeasurement } = e.nativeEvent;
|
|
49
|
+
isAtBottomRef.current =
|
|
50
|
+
contentOffset.y + layoutMeasurement.height >=
|
|
51
|
+
contentSize.height - AT_BOTTOM_THRESHOLD;
|
|
52
|
+
},
|
|
53
|
+
[]
|
|
54
|
+
);
|
|
55
|
+
|
|
56
|
+
const renderItem = useCallback(
|
|
57
|
+
({ item }: { item: StickerRow; section: StickerPickerSection }) => (
|
|
58
|
+
<StickerPickerRowItem row={item} onSelectSticker={onSelectSticker} />
|
|
59
|
+
),
|
|
60
|
+
[onSelectSticker]
|
|
61
|
+
);
|
|
62
|
+
|
|
63
|
+
const renderSectionHeader = useCallback(
|
|
64
|
+
({ section }: { section: StickerPickerSection }) => (
|
|
65
|
+
<KLabel.Text
|
|
66
|
+
typo="TitleSection"
|
|
67
|
+
style={styles.sectionHeader}
|
|
68
|
+
color={KColors.gray.light}
|
|
69
|
+
>
|
|
70
|
+
{section.title}
|
|
71
|
+
</KLabel.Text>
|
|
72
|
+
),
|
|
73
|
+
[]
|
|
74
|
+
);
|
|
75
|
+
|
|
76
|
+
const onViewableItemsChanged = useCallback((args: any) => {
|
|
77
|
+
const { viewableItems } = args;
|
|
78
|
+
if (!viewableItems.length) return;
|
|
79
|
+
|
|
80
|
+
// Trigger lazy load for all currently visible sections
|
|
81
|
+
const seenCategories = new Set<string>();
|
|
82
|
+
viewableItems.forEach((vi: any) => {
|
|
83
|
+
const cat = (vi.section as StickerPickerSection)?.categoryId;
|
|
84
|
+
if (cat && !seenCategories.has(cat)) {
|
|
85
|
+
seenCategories.add(cat);
|
|
86
|
+
onSectionVisibleRef.current(cat);
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
|
|
90
|
+
// When at the bottom of the list, force the last section as active.
|
|
91
|
+
// This handles the edge case where the last section has few items and
|
|
92
|
+
// its header never reaches the top of the viewport.
|
|
93
|
+
if (isAtBottomRef.current) {
|
|
94
|
+
const lastSection = sectionsRef.current[sectionsRef.current.length - 1];
|
|
95
|
+
if (lastSection) {
|
|
96
|
+
onActiveCategoryChangeRef.current(lastSection.categoryId);
|
|
97
|
+
}
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// Otherwise use the first visible item's section (symmetric for both
|
|
102
|
+
// scroll directions: switches when the section header enters from either end).
|
|
103
|
+
const firstVisible = viewableItems.find((vi: any) => vi.section != null);
|
|
104
|
+
const categoryId = (firstVisible?.section as StickerPickerSection)
|
|
105
|
+
?.categoryId;
|
|
106
|
+
if (categoryId) {
|
|
107
|
+
onActiveCategoryChangeRef.current(categoryId);
|
|
108
|
+
}
|
|
109
|
+
}, []);
|
|
110
|
+
|
|
111
|
+
return (
|
|
112
|
+
<SectionList
|
|
113
|
+
ref={ref}
|
|
114
|
+
sections={sections}
|
|
115
|
+
renderItem={renderItem}
|
|
116
|
+
renderSectionHeader={renderSectionHeader}
|
|
117
|
+
keyExtractor={(_, index) => String(index)}
|
|
118
|
+
onScroll={onScroll}
|
|
119
|
+
scrollEventThrottle={16}
|
|
120
|
+
onViewableItemsChanged={onViewableItemsChanged}
|
|
121
|
+
viewabilityConfig={VIEWABILITY_CONFIG}
|
|
122
|
+
removeClippedSubviews
|
|
123
|
+
initialNumToRender={8}
|
|
124
|
+
maxToRenderPerBatch={8}
|
|
125
|
+
style={styles.list}
|
|
126
|
+
showsVerticalScrollIndicator={false}
|
|
127
|
+
stickySectionHeadersEnabled={false}
|
|
128
|
+
/>
|
|
129
|
+
);
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
|
|
133
|
+
const styles = StyleSheet.create({
|
|
134
|
+
list: {
|
|
135
|
+
height: STICKER_PICKER_CONTENT_HEIGHT,
|
|
136
|
+
},
|
|
137
|
+
sectionHeader: {
|
|
138
|
+
paddingHorizontal: KSpacingValue['0.75rem'],
|
|
139
|
+
paddingVertical: KSpacingValue['0.25rem'],
|
|
140
|
+
},
|
|
141
|
+
});
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { KDims } from '@droppii/libs';
|
|
2
|
+
|
|
3
|
+
export const STICKER_COLUMNS = 4;
|
|
4
|
+
export const STICKER_HORIZONTAL_PADDING = 12;
|
|
5
|
+
export const STICKER_GAP = 8;
|
|
6
|
+
|
|
7
|
+
export const STICKER_SIZE = Math.floor(
|
|
8
|
+
(KDims.width -
|
|
9
|
+
STICKER_HORIZONTAL_PADDING * 2 -
|
|
10
|
+
STICKER_GAP * (STICKER_COLUMNS - 1)) /
|
|
11
|
+
STICKER_COLUMNS
|
|
12
|
+
);
|
|
13
|
+
export const STICKER_ROW_HEIGHT = STICKER_SIZE + STICKER_GAP;
|
|
14
|
+
export const CATEGORY_TAB_HEIGHT = 52;
|
|
15
|
+
export const STICKER_SECTION_HEADER_HEIGHT = 36;
|
|
16
|
+
export const STICKER_PICKER_CONTENT_HEIGHT = 260;
|
|
17
|
+
export const STICKER_PICKER_HEIGHT =
|
|
18
|
+
CATEGORY_TAB_HEIGHT + STICKER_PICKER_CONTENT_HEIGHT;
|
|
19
|
+
|
|
20
|
+
export const RECENT_CATEGORY_ID = 'recent';
|