@tencentcloud/chat-uikit-react 2.2.8 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +3 -1
  2. package/dist/cjs/components/ConversationActions/ConversationActions.js +1 -1
  3. package/dist/cjs/components/ConversationCreate/ConversationCreate.js +1 -1
  4. package/dist/cjs/components/ConversationCreate/ConversationCreateButton.js +1 -1
  5. package/dist/cjs/components/ConversationList/ConversationList.js +1 -1
  6. package/dist/cjs/components/ConversationList/ConversationListContent/ConversationListContent.js +1 -1
  7. package/dist/cjs/components/ConversationList/ConversationListHeader/ConversationListHeader.js +1 -1
  8. package/dist/cjs/components/ConversationPreview/ConversationPreview.js +1 -1
  9. package/dist/cjs/components/ConversationSearch/ConversationSearch.js +1 -1
  10. package/dist/cjs/components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js +1 -1
  11. package/dist/cjs/components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js +1 -1
  12. package/dist/cjs/components/PlaceHolder/index.js +1 -1
  13. package/dist/cjs/hooks/index.js +1 -0
  14. package/dist/cjs/index.js +1 -1
  15. package/dist/esm/components/ConversationActions/ConversationActions.js +1 -1
  16. package/dist/esm/components/ConversationCreate/ConversationCreate.js +1 -1
  17. package/dist/esm/components/ConversationCreate/ConversationCreateButton.js +1 -1
  18. package/dist/esm/components/ConversationList/ConversationList.js +1 -1
  19. package/dist/esm/components/ConversationList/ConversationListContent/ConversationListContent.js +1 -1
  20. package/dist/esm/components/ConversationList/ConversationListHeader/ConversationListHeader.js +1 -1
  21. package/dist/esm/components/ConversationPreview/ConversationPreview.js +1 -1
  22. package/dist/esm/components/ConversationSearch/ConversationSearch.js +1 -1
  23. package/dist/esm/components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js +1 -1
  24. package/dist/esm/components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js +1 -1
  25. package/dist/esm/components/PlaceHolder/index.js +1 -1
  26. package/dist/esm/hooks/index.js +1 -0
  27. package/dist/esm/index.js +1 -1
  28. package/package.json +1 -1
  29. package/rollup.config.js +1 -1
  30. package/src/hooks/index.ts +2 -0
  31. package/dist/cjs/_virtual/index.js +0 -1
  32. package/dist/esm/_virtual/index.js +0 -1
package/CHANGELOG.md CHANGED
@@ -1,4 +1,6 @@
1
- ## [2.2.8] (2024-09-27)
1
+ ## [2.3.0] (2024-10-11)
2
+
3
+ ## [2.2.9] (2024-10-09)
2
4
 
3
5
  #### feat
4
6
  * feat: Rename UIKit components to Chat, ConversationList, ChatSetting, Contact, and Profile.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),i=require("react-i18next"),t=require("../../node_modules/classnames/index.js"),s=require("../Plugins/index.js"),a=require("../Icon/Icon.js"),r=require("../Icon/type.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(o);exports.ConversationActions=function(l){var u=l.conversation,v=l.PopupIcon,d=l.enablePin,p=void 0===d||d,C=l.enableMute,f=void 0===C||C,_=l.enableDelete,m=void 0===_||_,b=l.onConversationPin,k=l.onConversationMute,j=l.onConversationDelete,I=l.customConversationActions,x=l.PopupElements,P=l.onClick,g=l.className,M=l.style,q=i.useTranslation().t,y=o.useRef(null),T=c.default.useState({}),U=T[0],h=T[1],N={delete:{enable:m,label:q("TUIConversation.Delete"),onClick:j||function(e){e.deleteConversation()}},pin:{enable:p,label:q(u.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin"),onClick:b||function(e){e.pinConversation()}},mute:{enable:f,label:q(u.isMuted?"TUIConversation.Unmute":"TUIConversation.Mute"),onClick:k||function(e){e.muteConversation()}}};o.useEffect((function(){h(e.__assign(e.__assign({},N),I))}),[u,I]);var D=function(e,n){var o,i;(null===(o=null==y?void 0:y.current)||void 0===o?void 0:o.closeMore)&&y.current.closeMore(),null==P||P(e,n,u),null===(i=U[n])||void 0===i||i.onClick(u,e)};return n.jsx("div",e.__assign({className:t({"uikit-conversation-actions":!0,className:g}),style:M,onClick:function(e){e.stopPropagation()}},{children:n.jsx(s.Plugins,{customClass:"uikit-conversation-actions__container",ref:y,plugins:x||Object.keys(U).map((function(o){return!1===U[o].enable?null:n.jsx("div",e.__assign({className:t("uikit-conversation-actions__item",["uikit-conversation-actions__item--".concat(o)]),onClick:function(e){return D(e,o)}},{children:U[o].label}),o)})),showNumber:0,MoreIcon:v||n.jsx(a.Icon,{className:"uikit-conversation-actions__popup-icon",width:16,height:16,type:r.IconTypes.MORE})})}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),o=require("react-i18next"),t=require("classnames"),s=require("../Plugins/index.js"),a=require("../Icon/Icon.js"),r=require("../Icon/type.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(i),c=l(t);exports.ConversationActions=function(t){var l=t.conversation,v=t.PopupIcon,d=t.enablePin,f=void 0===d||d,p=t.enableMute,C=void 0===p||p,_=t.enableDelete,m=void 0===_||_,b=t.onConversationPin,k=t.onConversationMute,I=t.onConversationDelete,j=t.customConversationActions,P=t.PopupElements,g=t.onClick,x=t.className,M=t.style,q=o.useTranslation().t,y=i.useRef(null),T=u.default.useState({}),U=T[0],h=T[1],N={delete:{enable:m,label:q("TUIConversation.Delete"),onClick:I||function(e){e.deleteConversation()}},pin:{enable:f,label:q(l.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin"),onClick:b||function(e){e.pinConversation()}},mute:{enable:C,label:q(l.isMuted?"TUIConversation.Unmute":"TUIConversation.Mute"),onClick:k||function(e){e.muteConversation()}}};i.useEffect((function(){h(e.__assign(e.__assign({},N),j))}),[l,j]);var D=function(e,n){var i,o;(null===(i=null==y?void 0:y.current)||void 0===i?void 0:i.closeMore)&&y.current.closeMore(),null==g||g(e,n,l),null===(o=U[n])||void 0===o||o.onClick(l,e)};return n.jsx("div",e.__assign({className:c.default({"uikit-conversation-actions":!0,className:x}),style:M,onClick:function(e){e.stopPropagation()}},{children:n.jsx(s.Plugins,{customClass:"uikit-conversation-actions__container",ref:y,plugins:P||Object.keys(U).map((function(i){return!1===U[i].enable?null:n.jsx("div",e.__assign({className:c.default("uikit-conversation-actions__item",["uikit-conversation-actions__item--".concat(i)]),onClick:function(e){return D(e,i)}},{children:U[i].label}),i)})),showNumber:0,MoreIcon:v||n.jsx(a.Icon,{className:"uikit-conversation-actions__popup-icon",width:16,height:16,type:r.IconTypes.MORE})})}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),a=require("react-i18next"),n=require("@tencentcloud/chat-uikit-engine"),o=require("../../node_modules/classnames/index.js"),i=require("../Icon/Icon.js"),c=require("../Icon/type.js"),u=require("./ConversationCreateButton.js"),C=require("./ConversationCreateUserSelectList.js"),l=require("./ConversationCreateGroupDetail.js");exports.PageStateTypes=void 0,(e=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",e.CREATE_DETAIL="Create",e.GROUP_TYPE="GroupType",exports.ConversationCreate=function(e){var p=e.visible,v=void 0===p||p,S=e.className,T=e.style,E=e.onChangeCreateModelVisible,d=e.conversationList,x=void 0===d?[]:d,_=e.onBeforeCreateConversation,g=e.onConversationCreated,P=a.useTranslation().t,y=r.useState(!1),f=y[0],j=y[1],L=r.useState(!1),h=L[0],I=L[1],U=r.useState(exports.PageStateTypes.USER_SELECT),q=U[0],R=U[1],m=r.useState([]),A=m[0],G=m[1],b=function(e){j(!1),B(),n.TUIConversationService.switchConversation(e.conversationID),null==g||g(e)};r.useEffect((function(){E(f)}),[E,f]);var k=function(){if(h)switch(q){case exports.PageStateTypes.USER_SELECT:I(!1);break;case exports.PageStateTypes.CREATE_DETAIL:R(exports.PageStateTypes.USER_SELECT),G([]);break;case exports.PageStateTypes.GROUP_TYPE:R(exports.PageStateTypes.CREATE_DETAIL)}else j(!1),B()};function B(){I(!1),R(exports.PageStateTypes.USER_SELECT),G([])}return r.useMemo((function(){return v?s.jsxs("div",t.__assign({className:o("uikit-conversation-create-container",S),style:T},{children:[!f&&s.jsx(u.ConversationCreateButton,{onClick:function(){return j(!0)}}),f&&s.jsxs("div",t.__assign({className:"tui-conversation-create"},{children:[s.jsxs("div",t.__assign({className:"tui-conversation-create-header"},{children:[s.jsx(i.Icon,{onClick:k,type:c.IconTypes.BACK,width:9,height:16}),s.jsx("div",t.__assign({className:"title"},{children:P(h?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),q===exports.PageStateTypes.USER_SELECT?s.jsx(C.ConversationCreateUserSelectList,{isCreateGroup:h,setIsCreateGroup:I,selectList:A,setSelectList:G,conversationList:x,onBeforeCreateConversation:_,onConversationCreated:b,setPageState:R}):s.jsx(l.ConversationCreateGroupDetail,{pageState:q,setPageState:R,profileList:A.map((function(e){return null==e?void 0:e.profile})),onBeforeCreateConversation:_,onConversationCreated:b})]}))]})):null}),[v,S,f,h,q,A,x,_])};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine"),n=require("classnames"),o=require("../Icon/Icon.js"),i=require("../Icon/type.js"),c=require("./ConversationCreateButton.js"),u=require("./ConversationCreateUserSelectList.js"),C=require("./ConversationCreateGroupDetail.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,v=l(n);exports.PageStateTypes=void 0,(p=exports.PageStateTypes||(exports.PageStateTypes={})).USER_SELECT="Next",p.CREATE_DETAIL="Create",p.GROUP_TYPE="GroupType",exports.ConversationCreate=function(n){var l=n.visible,p=void 0===l||l,S=n.className,T=n.style,E=n.onChangeCreateModelVisible,d=n.conversationList,x=void 0===d?[]:d,f=n.onBeforeCreateConversation,g=n.onConversationCreated,_=r.useTranslation().t,y=s.useState(!1),P=y[0],j=y[1],L=s.useState(!1),h=L[0],I=L[1],U=s.useState(exports.PageStateTypes.USER_SELECT),q=U[0],R=U[1],m=s.useState([]),A=m[0],b=m[1],G=function(e){j(!1),B(),a.TUIConversationService.switchConversation(e.conversationID),null==g||g(e)};s.useEffect((function(){E(P)}),[E,P]);var k=function(){if(h)switch(q){case exports.PageStateTypes.USER_SELECT:I(!1);break;case exports.PageStateTypes.CREATE_DETAIL:R(exports.PageStateTypes.USER_SELECT),b([]);break;case exports.PageStateTypes.GROUP_TYPE:R(exports.PageStateTypes.CREATE_DETAIL)}else j(!1),B()};function B(){I(!1),R(exports.PageStateTypes.USER_SELECT),b([])}return s.useMemo((function(){return p?t.jsxs("div",e.__assign({className:v.default("uikit-conversation-create-container",S),style:T},{children:[!P&&t.jsx(c.ConversationCreateButton,{onClick:function(){return j(!0)}}),P&&t.jsxs("div",e.__assign({className:"tui-conversation-create"},{children:[t.jsxs("div",e.__assign({className:"tui-conversation-create-header"},{children:[t.jsx(o.Icon,{onClick:k,type:i.IconTypes.BACK,width:9,height:16}),t.jsx("div",e.__assign({className:"title"},{children:_(h?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),q===exports.PageStateTypes.USER_SELECT?t.jsx(u.ConversationCreateUserSelectList,{isCreateGroup:h,setIsCreateGroup:I,selectList:A,setSelectList:b,conversationList:x,onBeforeCreateConversation:f,onConversationCreated:G,setPageState:R}):t.jsx(C.ConversationCreateGroupDetail,{pageState:q,setPageState:R,profileList:A.map((function(e){return null==e?void 0:e.profile})),onBeforeCreateConversation:f,onConversationCreated:G})]}))]})):null}),[p,S,P,h,q,A,x,f])};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../node_modules/classnames/index.js"),s=require("../Icon/Icon.js"),t=require("../Icon/type.js");exports.ConversationCreateButton=function(n){var o=n.visible,c=void 0===o||o,u=n.className,a=n.onClick,l=n.height,d=void 0===l?24:l,v=n.width,h=void 0===v?24:v;return c?i.jsx("div",e.__assign({className:r("tui-conversation-create-button",u)},{children:i.jsx(s.Icon,{onClick:a,type:t.IconTypes.CREATE,height:d,width:h})})):null};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("classnames"),r=require("../Icon/Icon.js"),n=require("../Icon/type.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(i);exports.ConversationCreateButton=function(i){var o=i.visible,u=void 0===o||o,a=i.className,c=i.onClick,l=i.height,d=void 0===l?24:l,v=i.width,f=void 0===v?24:v;return u?t.jsx("div",e.__assign({className:s.default("tui-conversation-create-button",a)},{children:t.jsx(r.Icon,{onClick:c,type:n.IconTypes.CREATE,height:d,width:f})})):null};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),i=require("../../context/ConversationListContext.js"),n=require("./ConversationListHeader/ConversationListHeader.js"),t=require("./ConversationListContent/ConversationListContent.js");require("react-i18next"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("../../node_modules/classnames/index.js"),a=require("../ConversationPreview/ConversationPreview.js"),v=require("../Avatar/Avatar.js"),c=require("../PlaceHolder/index.js"),l=require("../ConversationSearch/ConversationSearch.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine"),require("../../context/MessageContext.js"),require("@tencentcloud/chat");var C=require("../ConversationActions/ConversationActions.js"),u=require("../../utils/env.js");function j(j){var h=j.enableSearch,L=void 0===h||h,P=j.enableCreate,q=void 0===P||P,x=j.enableActions,g=void 0===x||x,p=j.actionsConfig,A=j.Header,f=void 0===A?n.ConversationListHeader:A,y=j.List,_=void 0===y?t.ConversationListContent:y,H=j.Preview,m=void 0===H?a.ConversationPreviewUI:H,S=j.ConversationCreate,b=void 0===S?d.ConversationCreate:S,w=j.ConversationSearch,N=void 0===w?l.ConversationSearch:w,I=j.ConversationActions,E=void 0===I?C.ConversationActions:I,O=j.PlaceholderEmptyList,T=void 0===O?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.NO_CONVERSATIONS}):O,k=j.PlaceholderLoading,G=void 0===k?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.LOADING}):k,M=j.PlaceholderLoadError,R=void 0===M?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.WRONG}):M,B=j.Avatar,D=void 0===B?v.Avatar:B,V=j.onSelectConversation,U=j.onBeforeCreateConversation,W=j.onConversationCreated,z=j.className,F=j.style,J=i.useConversationList(),K=J.conversationList,Q=J.filteredAndSortedConversationList,X=J.isLoading,Y=J.isLoadError,Z=o.useState(!1),$=Z[0],ee=Z[1];return r.jsxs("div",e.__assign({className:s(z,"uikit-chat-list",{"uikit-chat-list--mobile":u.isH5}),style:F},{children:[r.jsxs(f,{children:[r.jsx(N,{visible:L,conversationList:K,Avatar:D,ResultPreview:a.ConversationPreview}),r.jsx(b,{className:s({"uikit-chat-list__header--creating":$}),visible:q,onChangeCreateModelVisible:function(e){return ee(e)},onBeforeCreateConversation:U,onConversationCreated:W})]}),r.jsx(_,e.__assign({empty:0===Q.length,loading:X,error:Y,PlaceholderEmptyList:T,PlaceholderLoadError:R,PlaceholderLoading:G},{children:Q.map((function(e){return r.jsx(a.ConversationPreview,{conversation:e,enableActions:g,Preview:m,Avatar:D,ConversationActions:E,onSelectConversation:V,actionsConfig:p},e.conversationID)}))}))]}))}exports.ConversationList=function(o){return r.jsx(i.ConversationListProvider,e.__assign({filter:o.filter,sort:o.sort},{children:r.jsx(j,e.__assign({},o))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),t=require("../../context/ConversationListContext.js"),i=require("./ConversationListHeader/ConversationListHeader.js"),n=require("./ConversationListContent/ConversationListContent.js");require("react-i18next"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("classnames"),a=require("../ConversationPreview/ConversationPreview.js"),v=require("../Avatar/Avatar.js"),c=require("../PlaceHolder/index.js"),l=require("../ConversationSearch/ConversationSearch.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js"),require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine"),require("../../context/MessageContext.js"),require("@tencentcloud/chat");var C=require("../ConversationActions/ConversationActions.js"),u=require("../../utils/env.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=j(s);function L(s){var j=s.enableSearch,L=void 0===j||j,P=s.enableCreate,q=void 0===P||P,f=s.enableActions,x=void 0===f||f,p=s.actionsConfig,g=s.Header,A=void 0===g?i.ConversationListHeader:g,y=s.List,_=void 0===y?n.ConversationListContent:y,H=s.Preview,b=void 0===H?a.ConversationPreviewUI:H,S=s.ConversationCreate,m=void 0===S?d.ConversationCreate:S,w=s.ConversationSearch,N=void 0===w?l.ConversationSearch:w,I=s.ConversationActions,E=void 0===I?C.ConversationActions:I,O=s.PlaceholderEmptyList,T=void 0===O?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.NO_CONVERSATIONS}):O,k=s.PlaceholderLoading,G=void 0===k?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.LOADING}):k,M=s.PlaceholderLoadError,R=void 0===M?r.jsx(c.PlaceHolder,{type:c.PlaceHolderTypes.WRONG}):M,B=s.Avatar,D=void 0===B?v.Avatar:B,V=s.onSelectConversation,U=s.onBeforeCreateConversation,W=s.onConversationCreated,z=s.className,F=s.style,J=t.useConversationList(),K=J.conversationList,Q=J.filteredAndSortedConversationList,X=J.isLoading,Y=J.isLoadError,Z=o.useState(!1),$=Z[0],ee=Z[1];return r.jsxs("div",e.__assign({className:h.default(z,"uikit-chat-list",{"uikit-chat-list--mobile":u.isH5}),style:F},{children:[r.jsxs(A,{children:[r.jsx(N,{visible:L,conversationList:K,Avatar:D,ResultPreview:a.ConversationPreview}),r.jsx(m,{className:h.default({"uikit-chat-list__header--creating":$}),visible:q,onChangeCreateModelVisible:function(e){return ee(e)},onBeforeCreateConversation:U,onConversationCreated:W})]}),r.jsx(_,e.__assign({empty:0===Q.length,loading:X,error:Y,PlaceholderEmptyList:T,PlaceholderLoadError:R,PlaceholderLoading:G},{children:Q.map((function(e){return r.jsx(a.ConversationPreview,{conversation:e,enableActions:x,Preview:b,Avatar:D,ConversationActions:E,onSelectConversation:V,actionsConfig:p},e.conversationID)}))}))]}))}exports.ConversationList=function(o){return r.jsx(t.ConversationListProvider,e.__assign({filter:o.filter,sort:o.sort},{children:r.jsx(L,e.__assign({},o))}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),l=require("../../../node_modules/classnames/index.js"),o=require("../../PlaceHolder/index.js");exports.ConversationListContent=function(s){var i,d=s.children,a=s.empty,t=void 0!==a&&a,c=s.loading,n=void 0!==c&&c,u=s.error,p=void 0!==u&&u,v=s.PlaceholderEmptyList,y=void 0===v?r.jsx(o.PlaceHolder,{type:o.PlaceHolderTypes.NO_CONVERSATIONS}):v,P=s.PlaceholderLoading,x=void 0===P?r.jsx(o.PlaceHolder,{type:o.PlaceHolderTypes.LOADING}):P,j=s.PlaceholderLoadError,_=void 0===j?r.jsx(o.PlaceHolder,{type:o.PlaceHolderTypes.WRONG}):j,m=s.className,H=s.style;return i=p?_:n?x:t?y:d,r.jsx("div",e.__assign({className:l("uikit-chat-list__container",m),style:H},{children:i}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),l=require("classnames"),t=require("../../PlaceHolder/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(l);exports.ConversationListContent=function(l){var o,i=l.children,s=l.empty,d=void 0!==s&&s,c=l.loading,n=void 0!==c&&c,u=l.error,p=void 0!==u&&u,v=l.PlaceholderEmptyList,y=void 0===v?r.jsx(t.PlaceHolder,{type:t.PlaceHolderTypes.NO_CONVERSATIONS}):v,P=l.PlaceholderLoading,j=void 0===P?r.jsx(t.PlaceHolder,{type:t.PlaceHolderTypes.LOADING}):P,x=l.PlaceholderLoadError,f=void 0===x?r.jsx(t.PlaceHolder,{type:t.PlaceHolderTypes.WRONG}):x,H=l.className,N=l.style;return o=p?f:n?j:d?y:i,r.jsx("div",e.__assign({className:a.default("uikit-chat-list__container",H),style:N},{children:o}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),i=require("../../../node_modules/classnames/index.js");exports.ConversationListHeader=function(r){var t=r.children,a=r.left,l=r.right,_=r.className,n=r.style;return s.jsxs("div",e.__assign({className:i("uikit-chat-list__header",_),style:n},{children:[s.jsx("div",e.__assign({className:"uikit-chat-list__header__left"},{children:a})),t,s.jsx("div",e.__assign({className:"uikit-chat-list__header__right"},{children:l}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(require("classnames"));exports.ConversationListHeader=function(t){var r=t.children,a=t.left,l=t.right,n=t.className,c=t.style;return s.jsxs("div",e.__assign({className:i.default("uikit-chat-list__header",n),style:c},{children:[s.jsx("div",e.__assign({className:"uikit-chat-list__header__left"},{children:a})),r,s.jsx("div",e.__assign({className:"uikit-chat-list__header__right"},{children:l}))]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("../../node_modules/classnames/index.js"),s=require("../Icon/Icon.js"),r=require("../Icon/type.js"),a=require("../Avatar/Avatar.js"),o=require("../ConversationActions/ConversationActions.js"),v=require("../../context/ConversationListContext.js"),c=require("../../context/UIManagerContext.js"),u=require("../../context/UIKitContext.js");require("../../context/MessageContext.js");var l=require("../../hooks/useLongPress.js"),d=require("../../hooks/useMouseHover.js"),g=require("./utils.js"),h=require("../utils.js"),_=require("../../utils/env.js");function m(s){var r=s.conversation,c=s.isSelected,u=s.enableActions,g=s.Avatar,h=void 0===g?a.Avatar:g,m=s.ConversationActions,C=void 0===m?o.ConversationActions:m,j=s.Title,p=s.LastMessageTimestamp,x=s.LastMessageAbstract,A=s.Unread,M=s.onSelectConversation,f=s.actionsConfig,w=s.className,k=s.style,q=s.children,I=v.useConversationList(),L=I.currentConversation,N=I.setCurrentConversation,S=t.useRef(null),T=t.useState(!1),b=T[0],y=T[1],P=d(S),U=l.default({},{delay:500,shouldPreventDefault:!0}).isLongPressing;t.useEffect((function(){y(P||U)}),[P,U]);return i.jsx("div",e.__assign({ref:S,className:n("uikit-conversation-preview",w,{"uikit-conversation-preview--mobile":_.isH5,"uikit-conversation-preview--active":c||r.conversationID===(null==L?void 0:L.conversationID),"uikit-conversation-preview--unread":!r.isMuted&&r.unreadCount>0,"uikit-conversation-preview--pin":r.isPinned,"uikit-conversation-preview--mute":r.isMuted}),style:k,onClick:function(){null==M||M(r),N(r)}},{children:q||i.jsxs(i.Fragment,{children:[i.jsx("div",e.__assign({className:"uikit-conversation-preview__avatar"},{children:i.jsx(h,{image:r.getAvatar(),size:40})})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__content"},{children:[j,x]})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__external"},{children:[A,u&&b?i.jsx(C,e.__assign({conversation:r},f)):p]}))]})}))}exports.ConversationPreview=function(t){var l=t.conversation,d=t.isSelected,_=void 0!==d&&d,C=t.enableActions,j=void 0===C||C,p=t.highlightMatchString,x=t.Preview,A=void 0===x?m:x,M=t.Avatar,f=void 0===M?a.Avatar:M,w=t.ConversationActions,k=void 0===w?o.ConversationActions:w,q=t.Title,I=void 0===q?function(t){var s=t.conversation,r=t.highlightMatchString;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__title text-ellipsis"},{children:g.generateHighlightTitle(s,r).map((function(t,s){return i.jsx("span",e.__assign({className:n({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),s)}))}))}({conversation:l,highlightMatchString:p}):q,L=t.LastMessageTimestamp,N=void 0===L?function(t){var n,s=t.conversation,r=u.useUIKit().language;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__time"},{children:h.getTimeStamp(1e3*+((null===(n=s.lastMessage)||void 0===n?void 0:n.lastTime)||0),r)}))}({conversation:l}):L,S=t.LastMessageAbstract,T=void 0===S?function(t){var n=t.conversation,s=c.useUIManager().myProfile;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__abstract"},{children:g.getLatestMessagePreview(n,s)}))}({conversation:l}):S,b=t.Unread,y=void 0===b?function(t){var n,a=t.conversation;return n=a.isMuted?i.jsx(s.Icon,{type:r.IconTypes.MUTE,width:16,height:16}):a.unreadCount>99?"99+":0===a.unreadCount?null:a.unreadCount,i.jsx("div",e.__assign({className:"uikit-conversation-preview__unread"},{children:n}))}({conversation:l}):b,P=t.onSelectConversation,U=t.actionsConfig,H=t.className,D=t.style,E=t.children;return v.useConversationList().setCurrentConversation,i.jsx(A,{conversation:l,isSelected:_,enableActions:j,highlightMatchString:p,Avatar:f,ConversationActions:k,Title:I,LastMessageTimestamp:N,LastMessageAbstract:T,Unread:y,onSelectConversation:P,actionsConfig:U,className:H,style:D,children:E})},exports.ConversationPreviewUI=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),s=require("../Icon/Icon.js"),r=require("../Icon/type.js"),a=require("../Avatar/Avatar.js"),o=require("../ConversationActions/ConversationActions.js"),c=require("../../context/ConversationListContext.js"),v=require("../../context/UIManagerContext.js"),u=require("../../context/UIKitContext.js");require("../../context/MessageContext.js");var l=require("../../hooks/useLongPress.js"),d=require("../../hooks/useMouseHover.js"),g=require("./utils.js"),h=require("../utils.js"),_=require("../../utils/env.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=C(n);function p(n){var s=n.conversation,r=n.isSelected,v=n.enableActions,u=n.Avatar,g=void 0===u?a.Avatar:u,h=n.ConversationActions,C=void 0===h?o.ConversationActions:h,p=n.Title,j=n.LastMessageTimestamp,x=n.LastMessageAbstract,f=n.Unread,A=n.onSelectConversation,M=n.actionsConfig,w=n.className,k=n.style,q=n.children,I=c.useConversationList(),L=I.currentConversation,N=I.setCurrentConversation,S=t.useRef(null),b=t.useState(!1),y=b[0],T=b[1],P=d(S),U=l.default({},{delay:500,shouldPreventDefault:!0}).isLongPressing;t.useEffect((function(){T(P||U)}),[P,U]);return i.jsx("div",e.__assign({ref:S,className:m.default("uikit-conversation-preview",w,{"uikit-conversation-preview--mobile":_.isH5,"uikit-conversation-preview--active":r||s.conversationID===(null==L?void 0:L.conversationID),"uikit-conversation-preview--unread":!s.isMuted&&s.unreadCount>0,"uikit-conversation-preview--pin":s.isPinned,"uikit-conversation-preview--mute":s.isMuted}),style:k,onClick:function(){null==A||A(s),N(s)}},{children:q||i.jsxs(i.Fragment,{children:[i.jsx("div",e.__assign({className:"uikit-conversation-preview__avatar"},{children:i.jsx(g,{image:s.getAvatar(),size:40})})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__content"},{children:[p,x]})),i.jsxs("div",e.__assign({className:"uikit-conversation-preview__external"},{children:[f,v&&y?i.jsx(C,e.__assign({conversation:s},M)):j]}))]})}))}exports.ConversationPreview=function(t){var n=t.conversation,l=t.isSelected,d=void 0!==l&&l,_=t.enableActions,C=void 0===_||_,j=t.highlightMatchString,x=t.Preview,f=void 0===x?p:x,A=t.Avatar,M=void 0===A?a.Avatar:A,w=t.ConversationActions,k=void 0===w?o.ConversationActions:w,q=t.Title,I=void 0===q?function(t){var n=t.conversation,s=t.highlightMatchString;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__title text-ellipsis"},{children:g.generateHighlightTitle(n,s).map((function(t,n){return i.jsx("span",e.__assign({className:m.default({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),n)}))}))}({conversation:n,highlightMatchString:j}):q,L=t.LastMessageTimestamp,N=void 0===L?function(t){var n,s=t.conversation,r=u.useUIKit().language;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__time"},{children:h.getTimeStamp(1e3*+((null===(n=s.lastMessage)||void 0===n?void 0:n.lastTime)||0),r)}))}({conversation:n}):L,S=t.LastMessageAbstract,b=void 0===S?function(t){var n=t.conversation,s=v.useUIManager().myProfile;return i.jsx("div",e.__assign({className:"uikit-conversation-preview__abstract"},{children:g.getLatestMessagePreview(n,s)}))}({conversation:n}):S,y=t.Unread,T=void 0===y?function(t){var n,a=t.conversation;return n=a.isMuted?i.jsx(s.Icon,{type:r.IconTypes.MUTE,width:16,height:16}):a.unreadCount>99?"99+":0===a.unreadCount?null:a.unreadCount,i.jsx("div",e.__assign({className:"uikit-conversation-preview__unread"},{children:n}))}({conversation:n}):y,P=t.onSelectConversation,U=t.actionsConfig,H=t.className,D=t.style,E=t.children;return c.useConversationList().setCurrentConversation,i.jsx(f,{conversation:n,isSelected:d,enableActions:C,highlightMatchString:j,Avatar:M,ConversationActions:k,Title:I,LastMessageTimestamp:N,LastMessageAbstract:b,Unread:T,onSelectConversation:P,actionsConfig:U,className:H,style:D,children:E})},exports.ConversationPreviewUI=p;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("../../node_modules/classnames/index.js"),a=require("./ConversationSearchInput/ConversationSearchInput.js"),o=require("./ConversationSearchResult/ConversationSearchResult.js"),s=require("../ConversationPreview/ConversationPreview.js"),i=require("../Avatar/Avatar.js");function u(e,t){return e&&0!==(null==t?void 0:t.length)?t.filter((function(t){return t.getShowName().toLocaleLowerCase().includes(e.toLocaleLowerCase())})):[]}exports.ConversationSearch=function(l){var v=l.visible,c=void 0===v||v,d=l.conversationList,h=l.Avatar,S=void 0===h?i.Avatar:h,f=l.searchFn,C=void 0===f?u:f,j=l.ResultPreview,g=void 0===j?s.ConversationPreview:j,R=l.ConversationSearchInput,p=void 0===R?a.ConversationSearchInput:R,q=l.ConversationSearchResult,w=void 0===q?o.ConversationSearchResult:q,x=l.onSearchChange,m=l.onFocus,P=l.onBlur,b=l.onSelectResult,A=l.className,L=l.style,_=n.useState(""),F=_[0],I=_[1],y=n.useState(d),E=y[0],N=y[1],k=n.useState(!1),B=k[0],M=k[1],O=n.useState(!1),V=O[0],z=O[1],D=n.useState(!0),G=D[0],H=D[1];return n.useEffect((function(){null==x||x(F)}),[F,x]),n.useEffect((function(){N(C(F,d))}),[d,C,F]),n.useEffect((function(){M(!G)}),[V,G]),c?t.jsxs("div",e.__assign({className:r("uikit-conversation-search",A,{"uikit-conversation-search--active":B}),style:L},{children:[t.jsx(p,{value:F,clearable:!0,onChange:function(e){var t,n,r;I(null===(t=e.target)||void 0===t?void 0:t.value),H(0===(null===(n=e.target)||void 0===n?void 0:n.value.length)),null==x||x(null===(r=e.target)||void 0===r?void 0:r.value)},onFocus:function(e){z(!0),null==m||m(e)},onBlur:function(e){z(!1),null==P||P(e)}}),t.jsx(w,{visible:B,Avatar:S,searchResult:E,searchValue:F,ResultPreview:g,onSelectResult:b})]})):null},exports.defaultSearchFn=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("classnames"),a=require("./ConversationSearchInput/ConversationSearchInput.js"),o=require("./ConversationSearchResult/ConversationSearchResult.js"),s=require("../ConversationPreview/ConversationPreview.js"),u=require("../Avatar/Avatar.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(r);function v(e,t){return e&&0!==(null==t?void 0:t.length)?t.filter((function(t){return t.getShowName().toLocaleLowerCase().includes(e.toLocaleLowerCase())})):[]}exports.ConversationSearch=function(r){var i=r.visible,c=void 0===i||i,f=r.conversationList,d=r.Avatar,h=void 0===d?u.Avatar:d,S=r.searchFn,C=void 0===S?v:S,j=r.ResultPreview,g=void 0===j?s.ConversationPreview:j,p=r.ConversationSearchInput,R=void 0===p?a.ConversationSearchInput:p,q=r.ConversationSearchResult,w=void 0===q?o.ConversationSearchResult:q,x=r.onSearchChange,b=r.onFocus,P=r.onBlur,m=r.onSelectResult,A=r.className,L=r.style,y=n.useState(""),F=y[0],I=y[1],_=n.useState(f),E=_[0],N=_[1],k=n.useState(!1),B=k[0],M=k[1],O=n.useState(!1),V=O[0],z=O[1],D=n.useState(!0),G=D[0],H=D[1];return n.useEffect((function(){null==x||x(F)}),[F,x]),n.useEffect((function(){N(C(F,f))}),[f,C,F]),n.useEffect((function(){M(!G)}),[V,G]),c?t.jsxs("div",e.__assign({className:l.default("uikit-conversation-search",A,{"uikit-conversation-search--active":B}),style:L},{children:[t.jsx(R,{value:F,clearable:!0,onChange:function(e){var t,n,r;I(null===(t=e.target)||void 0===t?void 0:t.value),H(0===(null===(n=e.target)||void 0===n?void 0:n.value.length)),null==x||x(null===(r=e.target)||void 0===r?void 0:r.value)},onFocus:function(e){z(!0),null==b||b(e)},onBlur:function(e){z(!1),null==P||P(e)}}),t.jsx(w,{visible:B,Avatar:h,searchResult:E,searchValue:F,ResultPreview:g,onSelectResult:m})]})):null},exports.defaultSearchFn=v;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-i18next"),n=require("../../Icon/Icon.js"),o=require("../../Icon/type.js"),a=require("../../Input/Input.js"),s=require("../../../node_modules/classnames/index.js");exports.ConversationSearchInput=function(t){var u=t.className,i=t.placeholder,c=t.clearable,l=t.value,p=t.onChange,h=t.prefix,I=void 0===h?e.jsx(n.Icon,{type:o.IconTypes.SEARCH,height:16,width:16}):h,d=t.onFocus,v=t.onBlur,x=r.useTranslation().t;return e.jsx(a.Input,{className:s("uikit-conversation-search-input",u),placeholder:i||x("TUIConversation.Search"),clearable:c,value:l,onChange:p,onFocus:d,onBlur:v,prefix:I})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-i18next"),n=require("../../Icon/Icon.js"),t=require("../../Icon/type.js"),a=require("../../Input/Input.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(require("classnames"));exports.ConversationSearchInput=function(o){var s=o.className,c=o.placeholder,i=o.clearable,l=o.value,p=o.onChange,h=o.prefix,v=void 0===h?e.jsx(n.Icon,{type:t.IconTypes.SEARCH,height:16,width:16}):h,I=o.onFocus,d=o.onBlur,f=r.useTranslation().t;return e.jsx(a.Input,{className:u.default("uikit-conversation-search-input",s),placeholder:c||f("TUIConversation.Search"),clearable:i,value:l,onChange:p,onFocus:I,onBlur:d,prefix:v})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),s=require("../../../node_modules/classnames/index.js"),i=require("../../ConversationPreview/ConversationPreview.js"),t=require("../../Avatar/Avatar.js"),a=require("../../PlaceHolder/index.js");exports.ConversationSearchResult=function(n){var o=n.visible,l=void 0!==o&&o,v=n.searchResult,u=n.searchValue,c=n.Avatar,d=void 0===c?t.Avatar:c,h=n.ResultPreview,j=void 0===h?i.ConversationPreview:h,P=n.PlaceholderNoResult,x=void 0===P?r.jsx(a.PlaceHolder,{type:a.PlaceHolderTypes.NO_RESULTS,searchString:u}):P,S=n.onSelectResult,g=n.className,m=n.style;return l?r.jsx("div",e.__assign({className:s("uikit-conversation-search-result",g),style:m},{children:0===(null==v?void 0:v.length)?x:null==v?void 0:v.map((function(e){return r.jsx(j,{conversation:e,Avatar:d,highlightMatchString:u,onSelectConversation:S},e.conversationID)}))})):null};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("classnames"),a=require("../../ConversationPreview/ConversationPreview.js"),i=require("../../Avatar/Avatar.js"),s=require("../../PlaceHolder/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);exports.ConversationSearchResult=function(t){var n=t.visible,o=void 0!==n&&n,u=t.searchResult,v=t.searchValue,c=t.Avatar,d=void 0===c?i.Avatar:c,h=t.ResultPreview,j=void 0===h?a.ConversationPreview:h,P=t.PlaceholderNoResult,f=void 0===P?r.jsx(s.PlaceHolder,{type:s.PlaceHolderTypes.NO_RESULTS,searchString:v}):P,p=t.onSelectResult,x=t.className,S=t.style;return o?r.jsx("div",e.__assign({className:l.default("uikit-conversation-search-result",x),style:S},{children:0===(null==u?void 0:u.length)?f:null==u?void 0:u.map((function(e){return r.jsx(j,{conversation:e,Avatar:d,highlightMatchString:v,onSelectConversation:p},e.conversationID)}))})):null};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,s,o=require("tslib"),r=require("react/jsx-runtime"),c=require("../Icon/Icon.js"),i=require("../Icon/type.js"),n=require("../../node_modules/classnames/index.js"),N={LOADING:"LOADING",NO_CONVERSATIONS:"NO_CONVERSATIONS",NO_MESSAGES:"NO_MESSAGES",WRONG:"WRONG",NO_RESULTS:"NO_RESULTS"},t=((e={})[N.LOADING]=i.IconTypes.LOADING,e[N.NO_CONVERSATIONS]=i.IconTypes.EFFORT,e[N.NO_MESSAGES]=i.IconTypes.EFFORT,e[N.WRONG]=i.IconTypes.CRY,e[N.NO_RESULTS]=i.IconTypes.CRY,e),a=((s={})[N.LOADING]="",s[N.NO_CONVERSATIONS]="No conversation",s[N.NO_MESSAGES]="No message",s[N.WRONG]="Something was wrong",s[N.NO_RESULTS]="No results",s);exports.PlaceHolder=function(e){var s=e.className,i=void 0===s?"":s,l=e.type,O=e.iconSize,S=void 0===O?42:O,_=e.searchString,d=void 0===_?"":_,p=e.retry;return r.jsxs("div",o.__assign({className:n(i,"tui-place-holder")},{children:[t[l]&&r.jsx(c.Icon,{className:"tui-place-holder__icon",type:t[l],width:S,height:S}),a[l]&&r.jsx("div",o.__assign({className:"tui-place-holder__label"},{children:d?"".concat(a[l]," '").concat(d,"' "):a[l]})),l===N.WRONG&&p&&r.jsx("div",o.__assign({className:"tui-place-holder__button"},{children:r.jsx("button",o.__assign({onClick:p},{children:"Retry"}))}))]}))},exports.PlaceHolderIconTypes=t,exports.PlaceHolderStringTypes=a,exports.PlaceHolderTypes=N;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("../Icon/Icon.js"),o=require("../Icon/type.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,n,i=c(require("classnames")),a={LOADING:"LOADING",NO_CONVERSATIONS:"NO_CONVERSATIONS",NO_MESSAGES:"NO_MESSAGES",WRONG:"WRONG",NO_RESULTS:"NO_RESULTS"},N=((t={})[a.LOADING]=o.IconTypes.LOADING,t[a.NO_CONVERSATIONS]=o.IconTypes.EFFORT,t[a.NO_MESSAGES]=o.IconTypes.EFFORT,t[a.WRONG]=o.IconTypes.CRY,t[a.NO_RESULTS]=o.IconTypes.CRY,t),l=((n={})[a.LOADING]="",n[a.NO_CONVERSATIONS]="No conversation",n[a.NO_MESSAGES]="No message",n[a.WRONG]="Something was wrong",n[a.NO_RESULTS]="No results",n);exports.PlaceHolder=function(o){var c=o.className,t=void 0===c?"":c,n=o.type,O=o.iconSize,S=void 0===O?42:O,_=o.searchString,d=void 0===_?"":_,u=o.retry;return s.jsxs("div",e.__assign({className:i.default(t,"tui-place-holder")},{children:[N[n]&&s.jsx(r.Icon,{className:"tui-place-holder__icon",type:N[n],width:S,height:S}),l[n]&&s.jsx("div",e.__assign({className:"tui-place-holder__label"},{children:d?"".concat(l[n]," '").concat(d,"' "):l[n]})),n===a.WRONG&&u&&s.jsx("div",e.__assign({className:"tui-place-holder__button"},{children:s.jsx("button",e.__assign({onClick:u},{children:"Retry"}))}))]}))},exports.PlaceHolderIconTypes=N,exports.PlaceHolderStringTypes=l,exports.PlaceHolderTypes=a;
@@ -0,0 +1 @@
1
+ "use strict";require("tslib"),require("@tencentcloud/chat-uikit-engine"),require("react"),require("../utils/env.js"),window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./server.js");require("./components/Chat/index.js");var t=require("./components/ConversationList/ConversationList.js"),o=require("./components/ConversationList/ConversationListHeader/ConversationListHeader.js"),r=require("./components/ConversationList/ConversationListContent/ConversationListContent.js"),n=require("./components/ConversationActions/ConversationActions.js"),s=require("./components/ConversationPreview/ConversationPreview.js"),a=require("./components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js"),i=require("./components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js"),p=require("./components/ConversationSearch/ConversationSearch.js"),C=require("./components/ConversationCreate/ConversationCreate.js"),u=require("./components/ConversationCreate/ConversationCreateSelectView.js"),c=require("./components/ConversationCreate/ConversationCreateGroupDetail.js"),x=require("./components/ConversationCreate/ConversationCreateUserSelectList.js"),v=require("./components/ConversationCreate/hooks/useConversationCreate.js"),l=require("./components/ConversationCreate/ConversationGroupTypeInfo.js"),I=require("./components/ConversationCreate/ConversationCreateButton.js"),d=require("./components/ChatHeader/ChatHeader.js"),m=require("./components/ChatHeader/ChatHeaderDefault.js"),g=require("./components/MessageList/MessageList.js"),P=require("./components/MessageElement/Message.js"),h=require("./components/MessageElement/MessagePlugins.js"),j=require("./components/MessageElement/MessageContext.js"),f=require("./components/MessageInput/MessageInput.js"),q=require("./components/MessageInput/MessageInputDefault.js"),T=require("./components/MessageInput/InputPluginsDefalut.js"),U=require("./components/Profile/Profile.js"),M=require("./components/Profile/ProfileDefault.js"),S=require("./components/Avatar/Avatar.js"),y=require("./components/Avatar/default.js"),L=require("./components/ChatSetting/ChatSetting.js"),A=require("./components/Popup/index.js"),H=require("./components/Checkbox/index.js"),b=require("./components/DivWithEdit/DivWithEdit.js"),D=require("./components/Icon/Icon.js"),G=require("./components/Icon/type.js"),w=require("./components/PlaceHolder/index.js"),E=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),k=require("./components/Input/Input.js"),O=require("./components/Model/index.js"),R=require("./components/Plugins/index.js"),W=require("./components/Switch/Switch.js"),K=require("./components/Toast/index.js"),V=require("./components/Contact/ContactList/ContactList.js"),z=require("./components/Contact/ContactInfo/ContactInfo.js"),B=require("./components/Contact/Contact.js"),F=require("./context/UIKitContext.js"),N=require("./context/UIManagerContext.js"),_=require("./context/ChatStateContext.js"),J=require("./context/ChatActionContext.js"),Q=require("./context/MessageContext.js"),X=require("./context/ComponentContext.js"),Y=require("./context/MessageInputContext.js"),Z=require("./context/ContactContext.js"),$=require("./context/ConversationListContext.js"),ee=require("./hooks/useConversation.js"),te=require("./hooks/useProfile.js");require("react");var oe=require("./hooks/useLongPress.js"),re=require("./locales/index.js"),ne=require("./utils/env.js"),se=require("./components/Chat/Chat.js");function ae(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var ie=ae(require("i18next"));new e,exports.ConversationList=t.ConversationList,exports.ConversationListHeader=o.ConversationListHeader,exports.ConversationListContent=r.ConversationListContent,exports.ConversationActions=n.ConversationActions,exports.ConversationPreview=s.ConversationPreview,exports.ConversationPreviewUI=s.ConversationPreviewUI,exports.ConversationSearchInput=a.ConversationSearchInput,exports.ConversationSearchResult=i.ConversationSearchResult,exports.ConversationSearch=p.ConversationSearch,exports.defaultSearchFn=p.defaultSearchFn,exports.ConversationCreate=C.ConversationCreate,Object.defineProperty(exports,"PageStateTypes",{enumerable:!0,get:function(){return C.PageStateTypes}}),exports.ConversationCreateSelectView=u.ConversationCreateSelectView,exports.ConversationCreateGroupDetail=c.ConversationCreateGroupDetail,exports.ConversationCreateUserSelectList=x.ConversationCreateUserSelectList,exports.useConversationCreate=v.useConversationCreate,exports.ConversationGroupTypeInfo=l.ConversationGroupTypeInfo,Object.defineProperty(exports,"GroupType",{enumerable:!0,get:function(){return l.GroupType}}),exports.typeInfoList=l.typeInfoList,exports.ConversationCreateButton=I.ConversationCreateButton,exports.ChatHeader=d.ChatHeader,exports.ChatHeaderDefault=m.ChatHeaderDefault,exports.MessageList=g.MessageList,exports.TUIMessage=P.TUIMessage,exports.MessagePlugins=h.MessagePlugins,exports.MessageContext=j.MessageContext,exports.MessageInput=f.MessageInput,exports.TUIMessageInputDefault=q.TUIMessageInputDefault,exports.InputPluginsDefalut=T.InputPluginsDefalut,exports.Profile=U.Profile,exports.TUIProfileDefault=M.TUIProfileDefault,exports.Avatar=S.Avatar,exports.defaultGroupAvatarAVChatRoom=y.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=y.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=y.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=y.defaultGroupAvatarWork,exports.defaultUserAvatar=y.defaultUserAvatar,exports.ChatSetting=L.ChatSetting,exports.Popup=A.Popup,exports.Checkbox=H.Checkbox,exports.DivWithEdit=b.DivWithEdit,exports.Icon=D.Icon,exports.changeTypeToIconClassName=D.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return G.IconTypes}}),exports.PlaceHolder=w.PlaceHolder,exports.PlaceHolderIconTypes=w.PlaceHolderIconTypes,exports.PlaceHolderStringTypes=w.PlaceHolderStringTypes,exports.PlaceHolderTypes=w.PlaceHolderTypes,exports.EmptyStateIndicator=E.EmptyStateIndicator,exports.Input=k.Input,exports.Model=O.Model,exports.Plugins=R.Plugins,exports.Switch=W.Switch,exports.Toast=K.Toast,exports.ContactList=V.ContactList,exports.ContactInfo=z.ContactInfo,exports.UnMemoizedContactInfo=z.UnMemoizedContactInfo,exports.Contact=B.Contact,exports.UnMemoizedContact=B.UnMemoizedContact,exports.UIKitProvider=F.UIKitProvider,exports.useUIKit=F.useUIKit,exports.UIManagerProvider=N.UIManagerProvider,exports.useUIManager=N.useUIManager,exports.TUIChatStateContext=_.TUIChatStateContext,exports.TUIChatStateContextProvider=_.TUIChatStateContextProvider,exports.useTUIChatStateContext=_.useTUIChatStateContext,exports.TUIChatActionContext=J.TUIChatActionContext,exports.TUIChatActionProvider=J.TUIChatActionProvider,exports.useTUIChatActionContext=J.useTUIChatActionContext,exports.TUIMessageContext=Q.TUIMessageContext,exports.TUIMessageContextProvider=Q.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return Q.messageShowType}}),exports.useTUIMessageContext=Q.useTUIMessageContext,exports.ComponentContext=X.ComponentContext,exports.ComponentProvider=X.ComponentProvider,exports.useComponentContext=X.useComponentContext,exports.TUIMessageInputContext=Y.TUIMessageInputContext,exports.TUIMessageInputContextProvider=Y.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=Y.useTUIMessageInputContext,exports.TUIContactContext=Z.TUIContactContext,exports.TUIContactContextProvider=Z.TUIContactContextProvider,exports.useTUIContactContext=Z.useTUIContactContext,exports.ConversationListProvider=$.ConversationListProvider,exports.useConversationList=$.useConversationList,exports.createC2CConversation=ee.createC2CConversation,exports.createGroupConversation=ee.createGroupConversation,exports.useProfile=te.useProfile,exports.isTouchEvent=oe.isTouchEvent,exports.t=re.t,Object.defineProperty(exports,"isH5",{enumerable:!0,get:function(){return ne.isH5}}),Object.defineProperty(exports,"isPC",{enumerable:!0,get:function(){return ne.isPC}}),exports.setPlatform=ne.setPlatform,exports.Chat=se.Chat,Object.defineProperty(exports,"i18next",{enumerable:!0,get:function(){return ie.default}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./server.js");require("./components/Chat/index.js");var t=require("./components/ConversationList/ConversationList.js"),o=require("./components/ConversationList/ConversationListHeader/ConversationListHeader.js"),r=require("./components/ConversationList/ConversationListContent/ConversationListContent.js"),n=require("./components/ConversationActions/ConversationActions.js"),s=require("./components/ConversationPreview/ConversationPreview.js"),a=require("./components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js"),i=require("./components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js"),p=require("./components/ConversationSearch/ConversationSearch.js"),C=require("./components/ConversationCreate/ConversationCreate.js"),u=require("./components/ConversationCreate/ConversationCreateSelectView.js"),c=require("./components/ConversationCreate/ConversationCreateGroupDetail.js"),x=require("./components/ConversationCreate/ConversationCreateUserSelectList.js"),v=require("./components/ConversationCreate/hooks/useConversationCreate.js"),l=require("./components/ConversationCreate/ConversationGroupTypeInfo.js"),I=require("./components/ConversationCreate/ConversationCreateButton.js"),d=require("./components/ChatHeader/ChatHeader.js"),m=require("./components/ChatHeader/ChatHeaderDefault.js"),g=require("./components/MessageList/MessageList.js"),P=require("./components/MessageElement/Message.js"),h=require("./components/MessageElement/MessagePlugins.js"),j=require("./components/MessageElement/MessageContext.js"),f=require("./components/MessageInput/MessageInput.js"),q=require("./components/MessageInput/MessageInputDefault.js"),T=require("./components/MessageInput/InputPluginsDefalut.js"),U=require("./components/Profile/Profile.js"),M=require("./components/Profile/ProfileDefault.js"),S=require("./components/Avatar/Avatar.js"),y=require("./components/Avatar/default.js"),L=require("./components/ChatSetting/ChatSetting.js"),A=require("./components/Popup/index.js"),H=require("./components/Checkbox/index.js"),b=require("./components/DivWithEdit/DivWithEdit.js"),D=require("./components/Icon/Icon.js"),G=require("./components/Icon/type.js"),w=require("./components/PlaceHolder/index.js"),E=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),k=require("./components/Input/Input.js"),O=require("./components/Model/index.js"),R=require("./components/Plugins/index.js"),W=require("./components/Switch/Switch.js"),K=require("./components/Toast/index.js"),V=require("./components/Contact/ContactList/ContactList.js"),z=require("./components/Contact/ContactInfo/ContactInfo.js"),B=require("./components/Contact/Contact.js"),F=require("./context/UIKitContext.js"),N=require("./context/UIManagerContext.js"),_=require("./context/ChatStateContext.js"),J=require("./context/ChatActionContext.js"),Q=require("./context/MessageContext.js"),X=require("./context/ComponentContext.js"),Y=require("./context/MessageInputContext.js"),Z=require("./context/ContactContext.js"),$=require("./context/ConversationListContext.js");require("./hooks/index.js");var ee=require("./locales/index.js"),te=require("./utils/env.js"),oe=require("./components/Chat/Chat.js"),re=require("./hooks/useConversation.js"),ne=require("./hooks/useProfile.js"),se=require("./hooks/useLongPress.js");function ae(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var ie=ae(require("i18next"));new e,exports.ConversationList=t.ConversationList,exports.ConversationListHeader=o.ConversationListHeader,exports.ConversationListContent=r.ConversationListContent,exports.ConversationActions=n.ConversationActions,exports.ConversationPreview=s.ConversationPreview,exports.ConversationPreviewUI=s.ConversationPreviewUI,exports.ConversationSearchInput=a.ConversationSearchInput,exports.ConversationSearchResult=i.ConversationSearchResult,exports.ConversationSearch=p.ConversationSearch,exports.defaultSearchFn=p.defaultSearchFn,exports.ConversationCreate=C.ConversationCreate,Object.defineProperty(exports,"PageStateTypes",{enumerable:!0,get:function(){return C.PageStateTypes}}),exports.ConversationCreateSelectView=u.ConversationCreateSelectView,exports.ConversationCreateGroupDetail=c.ConversationCreateGroupDetail,exports.ConversationCreateUserSelectList=x.ConversationCreateUserSelectList,exports.useConversationCreate=v.useConversationCreate,exports.ConversationGroupTypeInfo=l.ConversationGroupTypeInfo,Object.defineProperty(exports,"GroupType",{enumerable:!0,get:function(){return l.GroupType}}),exports.typeInfoList=l.typeInfoList,exports.ConversationCreateButton=I.ConversationCreateButton,exports.ChatHeader=d.ChatHeader,exports.ChatHeaderDefault=m.ChatHeaderDefault,exports.MessageList=g.MessageList,exports.TUIMessage=P.TUIMessage,exports.MessagePlugins=h.MessagePlugins,exports.MessageContext=j.MessageContext,exports.MessageInput=f.MessageInput,exports.TUIMessageInputDefault=q.TUIMessageInputDefault,exports.InputPluginsDefalut=T.InputPluginsDefalut,exports.Profile=U.Profile,exports.TUIProfileDefault=M.TUIProfileDefault,exports.Avatar=S.Avatar,exports.defaultGroupAvatarAVChatRoom=y.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=y.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=y.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=y.defaultGroupAvatarWork,exports.defaultUserAvatar=y.defaultUserAvatar,exports.ChatSetting=L.ChatSetting,exports.Popup=A.Popup,exports.Checkbox=H.Checkbox,exports.DivWithEdit=b.DivWithEdit,exports.Icon=D.Icon,exports.changeTypeToIconClassName=D.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return G.IconTypes}}),exports.PlaceHolder=w.PlaceHolder,exports.PlaceHolderIconTypes=w.PlaceHolderIconTypes,exports.PlaceHolderStringTypes=w.PlaceHolderStringTypes,exports.PlaceHolderTypes=w.PlaceHolderTypes,exports.EmptyStateIndicator=E.EmptyStateIndicator,exports.Input=k.Input,exports.Model=O.Model,exports.Plugins=R.Plugins,exports.Switch=W.Switch,exports.Toast=K.Toast,exports.ContactList=V.ContactList,exports.ContactInfo=z.ContactInfo,exports.UnMemoizedContactInfo=z.UnMemoizedContactInfo,exports.Contact=B.Contact,exports.UnMemoizedContact=B.UnMemoizedContact,exports.UIKitProvider=F.UIKitProvider,exports.useUIKit=F.useUIKit,exports.UIManagerProvider=N.UIManagerProvider,exports.useUIManager=N.useUIManager,exports.TUIChatStateContext=_.TUIChatStateContext,exports.TUIChatStateContextProvider=_.TUIChatStateContextProvider,exports.useTUIChatStateContext=_.useTUIChatStateContext,exports.TUIChatActionContext=J.TUIChatActionContext,exports.TUIChatActionProvider=J.TUIChatActionProvider,exports.useTUIChatActionContext=J.useTUIChatActionContext,exports.TUIMessageContext=Q.TUIMessageContext,exports.TUIMessageContextProvider=Q.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return Q.messageShowType}}),exports.useTUIMessageContext=Q.useTUIMessageContext,exports.ComponentContext=X.ComponentContext,exports.ComponentProvider=X.ComponentProvider,exports.useComponentContext=X.useComponentContext,exports.TUIMessageInputContext=Y.TUIMessageInputContext,exports.TUIMessageInputContextProvider=Y.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=Y.useTUIMessageInputContext,exports.TUIContactContext=Z.TUIContactContext,exports.TUIContactContextProvider=Z.TUIContactContextProvider,exports.useTUIContactContext=Z.useTUIContactContext,exports.ConversationListProvider=$.ConversationListProvider,exports.useConversationList=$.useConversationList,exports.t=ee.t,Object.defineProperty(exports,"isH5",{enumerable:!0,get:function(){return te.isH5}}),Object.defineProperty(exports,"isPC",{enumerable:!0,get:function(){return te.isPC}}),exports.setPlatform=te.setPlatform,exports.Chat=oe.Chat,exports.createC2CConversation=re.createC2CConversation,exports.createGroupConversation=re.createGroupConversation,exports.useProfile=ne.useProfile,exports.isTouchEvent=se.isTouchEvent,Object.defineProperty(exports,"i18next",{enumerable:!0,get:function(){return ie.default}});
@@ -1 +1 @@
1
- import{__assign as n}from"tslib";import{jsx as o}from"react/jsx-runtime";import e,{useRef as i,useEffect as t}from"react";import{useTranslation as r}from"react-i18next";import s from"../../node_modules/classnames/index.js";import{Plugins as a}from"../Plugins/index.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as c}from"../Icon/type.js";var u=function(u){var m=u.conversation,v=u.PopupIcon,p=u.enablePin,d=void 0===p||p,C=u.enableMute,f=void 0===C||C,b=u.enableDelete,k=void 0===b||b,I=u.onConversationPin,_=u.onConversationMute,M=u.onConversationDelete,P=u.customConversationActions,U=u.PopupElements,h=u.onClick,j=u.className,N=u.style,x=r().t,y=i(null),T=e.useState({}),g=T[0],D=T[1],w={delete:{enable:k,label:x("TUIConversation.Delete"),onClick:M||function(n){n.deleteConversation()}},pin:{enable:d,label:x(m.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin"),onClick:I||function(n){n.pinConversation()}},mute:{enable:f,label:x(m.isMuted?"TUIConversation.Unmute":"TUIConversation.Mute"),onClick:_||function(n){n.muteConversation()}}};t((function(){D(n(n({},w),P))}),[m,P]);var E=function(n,o){var e,i;(null===(e=null==y?void 0:y.current)||void 0===e?void 0:e.closeMore)&&y.current.closeMore(),null==h||h(n,o,m),null===(i=g[o])||void 0===i||i.onClick(m,n)};return o("div",n({className:s({"uikit-conversation-actions":!0,className:j}),style:N,onClick:function(n){n.stopPropagation()}},{children:o(a,{customClass:"uikit-conversation-actions__container",ref:y,plugins:U||Object.keys(g).map((function(e){return!1===g[e].enable?null:o("div",n({className:s("uikit-conversation-actions__item",["uikit-conversation-actions__item--".concat(e)]),onClick:function(n){return E(n,e)}},{children:g[e].label}),e)})),showNumber:0,MoreIcon:v||o(l,{className:"uikit-conversation-actions__popup-icon",width:16,height:16,type:c.MORE})})}))};export{u as ConversationActions};
1
+ import{__assign as n}from"tslib";import{jsx as o}from"react/jsx-runtime";import e,{useRef as i,useEffect as t}from"react";import{useTranslation as r}from"react-i18next";import a from"classnames";import{Plugins as s}from"../Plugins/index.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as c}from"../Icon/type.js";var u=function(u){var m=u.conversation,v=u.PopupIcon,p=u.enablePin,C=void 0===p||p,f=u.enableMute,d=void 0===f||f,b=u.enableDelete,k=void 0===b||b,I=u.onConversationPin,M=u.onConversationMute,P=u.onConversationDelete,_=u.customConversationActions,U=u.PopupElements,h=u.onClick,N=u.className,j=u.style,y=r().t,T=i(null),g=e.useState({}),x=g[0],D=g[1],w={delete:{enable:k,label:y("TUIConversation.Delete"),onClick:P||function(n){n.deleteConversation()}},pin:{enable:C,label:y(m.isPinned?"TUIConversation.Unpin":"TUIConversation.Pin"),onClick:I||function(n){n.pinConversation()}},mute:{enable:d,label:y(m.isMuted?"TUIConversation.Unmute":"TUIConversation.Mute"),onClick:M||function(n){n.muteConversation()}}};t((function(){D(n(n({},w),_))}),[m,_]);var E=function(n,o){var e,i;(null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.closeMore)&&T.current.closeMore(),null==h||h(n,o,m),null===(i=x[o])||void 0===i||i.onClick(m,n)};return o("div",n({className:a({"uikit-conversation-actions":!0,className:N}),style:j,onClick:function(n){n.stopPropagation()}},{children:o(s,{customClass:"uikit-conversation-actions__container",ref:T,plugins:U||Object.keys(x).map((function(e){return!1===x[e].enable?null:o("div",n({className:a("uikit-conversation-actions__item",["uikit-conversation-actions__item--".concat(e)]),onClick:function(n){return E(n,e)}},{children:x[e].label}),e)})),showNumber:0,MoreIcon:v||o(l,{className:"uikit-conversation-actions__popup-icon",width:16,height:16,type:c.MORE})})}))};export{u as ConversationActions};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as r,useEffect as n,useMemo as i}from"react";import{useTranslation as a}from"react-i18next";import{TUIConversationService as s}from"@tencentcloud/chat-uikit-engine";import c from"../../node_modules/classnames/index.js";import{Icon as C}from"../Icon/Icon.js";import{IconTypes as l}from"../Icon/type.js";import{ConversationCreateButton as m}from"./ConversationCreateButton.js";import{ConversationCreateUserSelectList as v}from"./ConversationCreateUserSelectList.js";import{ConversationCreateGroupDetail as E}from"./ConversationCreateGroupDetail.js";var u;function f(f){var p=f.visible,d=void 0===p||p,S=f.className,T=f.style,L=f.onChangeCreateModelVisible,h=f.conversationList,_=void 0===h?[]:h,R=f.onBeforeCreateConversation,U=f.onConversationCreated,I=a().t,A=r(!1),j=A[0],P=A[1],g=r(!1),k=g[0],G=g[1],N=r(u.USER_SELECT),b=N[0],x=N[1],y=r([]),B=y[0],D=y[1],w=function(e){P(!1),Y(),s.switchConversation(e.conversationID),null==U||U(e)};n((function(){L(j)}),[L,j]);var O=function(){if(k)switch(b){case u.USER_SELECT:G(!1);break;case u.CREATE_DETAIL:x(u.USER_SELECT),D([]);break;case u.GROUP_TYPE:x(u.CREATE_DETAIL)}else P(!1),Y()};function Y(){G(!1),x(u.USER_SELECT),D([])}return i((function(){return d?t("div",e({className:c("uikit-conversation-create-container",S),style:T},{children:[!j&&o(m,{onClick:function(){return P(!0)}}),j&&t("div",e({className:"tui-conversation-create"},{children:[t("div",e({className:"tui-conversation-create-header"},{children:[o(C,{onClick:O,type:l.BACK,width:9,height:16}),o("div",e({className:"title"},{children:I(k?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),b===u.USER_SELECT?o(v,{isCreateGroup:k,setIsCreateGroup:G,selectList:B,setSelectList:D,conversationList:_,onBeforeCreateConversation:R,onConversationCreated:w,setPageState:x}):o(E,{pageState:b,setPageState:x,profileList:B.map((function(e){return null==e?void 0:e.profile})),onBeforeCreateConversation:R,onConversationCreated:w})]}))]})):null}),[d,S,j,k,b,B,_,R])}!function(e){e.USER_SELECT="Next",e.CREATE_DETAIL="Create",e.GROUP_TYPE="GroupType"}(u||(u={}));export{f as ConversationCreate,u as PageStateTypes};
1
+ import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as r,useEffect as n,useMemo as i}from"react";import{useTranslation as a}from"react-i18next";import{TUIConversationService as s}from"@tencentcloud/chat-uikit-engine";import c from"classnames";import{Icon as C}from"../Icon/Icon.js";import{IconTypes as l}from"../Icon/type.js";import{ConversationCreateButton as m}from"./ConversationCreateButton.js";import{ConversationCreateUserSelectList as v}from"./ConversationCreateUserSelectList.js";import{ConversationCreateGroupDetail as E}from"./ConversationCreateGroupDetail.js";var u;function f(f){var p=f.visible,d=void 0===p||p,S=f.className,T=f.style,L=f.onChangeCreateModelVisible,h=f.conversationList,R=void 0===h?[]:h,U=f.onBeforeCreateConversation,_=f.onConversationCreated,I=a().t,A=r(!1),P=A[0],g=A[1],j=r(!1),k=j[0],G=j[1],N=r(u.USER_SELECT),b=N[0],y=N[1],B=r([]),D=B[0],x=B[1],w=function(e){g(!1),Y(),s.switchConversation(e.conversationID),null==_||_(e)};n((function(){L(P)}),[L,P]);var O=function(){if(k)switch(b){case u.USER_SELECT:G(!1);break;case u.CREATE_DETAIL:y(u.USER_SELECT),x([]);break;case u.GROUP_TYPE:y(u.CREATE_DETAIL)}else g(!1),Y()};function Y(){G(!1),y(u.USER_SELECT),x([])}return i((function(){return d?t("div",e({className:c("uikit-conversation-create-container",S),style:T},{children:[!P&&o(m,{onClick:function(){return g(!0)}}),P&&t("div",e({className:"tui-conversation-create"},{children:[t("div",e({className:"tui-conversation-create-header"},{children:[o(C,{onClick:O,type:l.BACK,width:9,height:16}),o("div",e({className:"title"},{children:I(k?"TUIConversation.Add Participants":"TUIConversation.Start chat")}))]})),b===u.USER_SELECT?o(v,{isCreateGroup:k,setIsCreateGroup:G,selectList:D,setSelectList:x,conversationList:R,onBeforeCreateConversation:U,onConversationCreated:w,setPageState:y}):o(E,{pageState:b,setPageState:y,profileList:D.map((function(e){return null==e?void 0:e.profile})),onBeforeCreateConversation:U,onConversationCreated:w})]}))]})):null}),[d,S,P,k,b,D,R,U])}!function(e){e.USER_SELECT="Next",e.CREATE_DETAIL="Create",e.GROUP_TYPE="GroupType"}(u||(u={}));export{f as ConversationCreate,u as PageStateTypes};
@@ -1 +1 @@
1
- import{__assign as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import t from"../../node_modules/classnames/index.js";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as e}from"../Icon/type.js";var n=function(n){var m=n.visible,s=void 0===m||m,c=n.className,a=n.onClick,l=n.height,d=void 0===l?24:l,p=n.width,v=void 0===p?24:p;return s?i("div",o({className:t("tui-conversation-create-button",c)},{children:i(r,{onClick:a,type:e.CREATE,height:d,width:v})})):null};export{n as ConversationCreateButton};
1
+ import{__assign as i}from"tslib";import{jsx as o}from"react/jsx-runtime";import t from"classnames";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as e}from"../Icon/type.js";var n=function(n){var m=n.visible,c=void 0===m||m,s=n.className,a=n.onClick,l=n.height,p=void 0===l?24:l,v=n.width,d=void 0===v?24:v;return c?o("div",i({className:t("tui-conversation-create-button",s)},{children:o(r,{onClick:a,type:e.CREATE,height:p,width:d})})):null};export{n as ConversationCreateButton};
@@ -1 +1 @@
1
- import{__assign as o}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r}from"react";import{ConversationListProvider as i,useConversationList as n}from"../../context/ConversationListContext.js";import{ConversationListHeader as a}from"./ConversationListHeader/ConversationListHeader.js";import{ConversationListContent as s}from"./ConversationListContent/ConversationListContent.js";import"react-i18next";import"../Icon/config.js";import"../Icon/type.js";import c from"../../node_modules/classnames/index.js";import{ConversationPreview as v,ConversationPreviewUI as l}from"../ConversationPreview/ConversationPreview.js";import{Avatar as d}from"../Avatar/Avatar.js";import{PlaceHolder as m,PlaceHolderTypes as C}from"../PlaceHolder/index.js";import{ConversationSearch as p}from"../ConversationSearch/ConversationSearch.js";import{ConversationCreate as f}from"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import"../../context/MessageContext.js";import"@tencentcloud/chat";import{ConversationActions as h}from"../ConversationActions/ConversationActions.js";import{isH5 as u}from"../../utils/env.js";function L(i){var L=i.enableSearch,j=void 0===L||L,A=i.enableCreate,g=void 0===A||A,P=i.enableActions,y=void 0===P||P,b=i.actionsConfig,x=i.Header,S=void 0===x?a:x,N=i.List,E=void 0===N?s:N,I=i.Preview,w=void 0===I?l:I,O=i.ConversationCreate,k=void 0===O?f:O,H=i.ConversationSearch,_=void 0===H?p:H,G=i.ConversationActions,R=void 0===G?h:G,B=i.PlaceholderEmptyList,D=void 0===B?e(m,{type:C.NO_CONVERSATIONS}):B,M=i.PlaceholderLoading,T=void 0===M?e(m,{type:C.LOADING}):M,V=i.PlaceholderLoadError,W=void 0===V?e(m,{type:C.WRONG}):V,q=i.Avatar,z=void 0===q?d:q,F=i.onSelectConversation,J=i.onBeforeCreateConversation,K=i.onConversationCreated,Q=i.className,U=i.style,X=n(),Y=X.conversationList,Z=X.filteredAndSortedConversationList,$=X.isLoading,oo=X.isLoadError,eo=r(!1),to=eo[0],ro=eo[1];return t("div",o({className:c(Q,"uikit-chat-list",{"uikit-chat-list--mobile":u}),style:U},{children:[t(S,{children:[e(_,{visible:j,conversationList:Y,Avatar:z,ResultPreview:v}),e(k,{className:c({"uikit-chat-list__header--creating":to}),visible:g,onChangeCreateModelVisible:function(o){return ro(o)},onBeforeCreateConversation:J,onConversationCreated:K})]}),e(E,o({empty:0===Z.length,loading:$,error:oo,PlaceholderEmptyList:D,PlaceholderLoadError:W,PlaceholderLoading:T},{children:Z.map((function(o){return e(v,{conversation:o,enableActions:y,Preview:w,Avatar:z,ConversationActions:R,onSelectConversation:F,actionsConfig:b},o.conversationID)}))}))]}))}function j(t){return e(i,o({filter:t.filter,sort:t.sort},{children:e(L,o({},t))}))}export{j as ConversationList};
1
+ import{__assign as o}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r}from"react";import{ConversationListProvider as i,useConversationList as n}from"../../context/ConversationListContext.js";import{ConversationListHeader as a}from"./ConversationListHeader/ConversationListHeader.js";import{ConversationListContent as s}from"./ConversationListContent/ConversationListContent.js";import"react-i18next";import"../Icon/config.js";import"../Icon/type.js";import c from"classnames";import{ConversationPreview as v,ConversationPreviewUI as l}from"../ConversationPreview/ConversationPreview.js";import{Avatar as d}from"../Avatar/Avatar.js";import{PlaceHolder as m,PlaceHolderTypes as C}from"../PlaceHolder/index.js";import{ConversationSearch as p}from"../ConversationSearch/ConversationSearch.js";import{ConversationCreate as f}from"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import"../../context/MessageContext.js";import"@tencentcloud/chat";import{ConversationActions as h}from"../ConversationActions/ConversationActions.js";import{isH5 as u}from"../../utils/env.js";function L(i){var L=i.enableSearch,j=void 0===L||L,A=i.enableCreate,g=void 0===A||A,P=i.enableActions,y=void 0===P||P,b=i.actionsConfig,S=i.Header,x=void 0===S?a:S,N=i.List,E=void 0===N?s:N,I=i.Preview,w=void 0===I?l:I,O=i.ConversationCreate,k=void 0===O?f:O,H=i.ConversationSearch,G=void 0===H?p:H,R=i.ConversationActions,_=void 0===R?h:R,B=i.PlaceholderEmptyList,D=void 0===B?e(m,{type:C.NO_CONVERSATIONS}):B,M=i.PlaceholderLoading,T=void 0===M?e(m,{type:C.LOADING}):M,V=i.PlaceholderLoadError,W=void 0===V?e(m,{type:C.WRONG}):V,q=i.Avatar,z=void 0===q?d:q,F=i.onSelectConversation,J=i.onBeforeCreateConversation,K=i.onConversationCreated,Q=i.className,U=i.style,X=n(),Y=X.conversationList,Z=X.filteredAndSortedConversationList,$=X.isLoading,oo=X.isLoadError,eo=r(!1),to=eo[0],ro=eo[1];return t("div",o({className:c(Q,"uikit-chat-list",{"uikit-chat-list--mobile":u}),style:U},{children:[t(x,{children:[e(G,{visible:j,conversationList:Y,Avatar:z,ResultPreview:v}),e(k,{className:c({"uikit-chat-list__header--creating":to}),visible:g,onChangeCreateModelVisible:function(o){return ro(o)},onBeforeCreateConversation:J,onConversationCreated:K})]}),e(E,o({empty:0===Z.length,loading:$,error:oo,PlaceholderEmptyList:D,PlaceholderLoadError:W,PlaceholderLoading:T},{children:Z.map((function(o){return e(v,{conversation:o,enableActions:y,Preview:w,Avatar:z,ConversationActions:_,onSelectConversation:F,actionsConfig:b},o.conversationID)}))}))]}))}function j(t){return e(i,o({filter:t.filter,sort:t.sort},{children:e(L,o({},t))}))}export{j as ConversationList};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import r from"../../../node_modules/classnames/index.js";import{PlaceHolder as i,PlaceHolderTypes as t}from"../../PlaceHolder/index.js";function d(d){var l,a=d.children,s=d.empty,m=void 0!==s&&s,n=d.loading,c=void 0!==n&&n,p=d.error,v=void 0!==p&&p,y=d.PlaceholderEmptyList,N=void 0===y?o(i,{type:t.NO_CONVERSATIONS}):y,h=d.PlaceholderLoading,f=void 0===h?o(i,{type:t.LOADING}):h,u=d.PlaceholderLoadError,O=void 0===u?o(i,{type:t.WRONG}):u,x=d.className,L=d.style;return l=v?O:c?f:m?N:a,o("div",e({className:r("uikit-chat-list__container",x),style:L},{children:l}))}export{d as ConversationListContent};
1
+ import{__assign as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"classnames";import{PlaceHolder as i,PlaceHolderTypes as t}from"../../PlaceHolder/index.js";function l(l){var a,d=l.children,m=l.empty,s=void 0!==m&&m,c=l.loading,n=void 0!==c&&c,p=l.error,v=void 0!==p&&p,y=l.PlaceholderEmptyList,N=void 0===y?e(i,{type:t.NO_CONVERSATIONS}):y,h=l.PlaceholderLoading,f=void 0===h?e(i,{type:t.LOADING}):h,O=l.PlaceholderLoadError,u=void 0===O?e(i,{type:t.WRONG}):O,L=l.className,P=l.style;return a=v?u:n?f:s?N:d,e("div",r({className:o("uikit-chat-list__container",L),style:P},{children:a}))}export{l as ConversationListContent};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as i,jsx as t}from"react/jsx-runtime";import r from"../../../node_modules/classnames/index.js";function s(s){var a=s.children,l=s.left,c=s.right,d=s.className,m=s.style;return i("div",e({className:r("uikit-chat-list__header",d),style:m},{children:[t("div",e({className:"uikit-chat-list__header__left"},{children:l})),a,t("div",e({className:"uikit-chat-list__header__right"},{children:c}))]}))}export{s as ConversationListHeader};
1
+ import{__assign as i}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import r from"classnames";function a(a){var s=a.children,l=a.left,c=a.right,h=a.className,m=a.style;return t("div",i({className:r("uikit-chat-list__header",h),style:m},{children:[e("div",i({className:"uikit-chat-list__header__left"},{children:l})),s,e("div",i({className:"uikit-chat-list__header__right"},{children:c}))]}))}export{a as ConversationListHeader};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as i,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useRef as o,useState as r,useEffect as s}from"react";import a from"../../node_modules/classnames/index.js";import{Icon as c}from"../Icon/Icon.js";import{IconTypes as v}from"../Icon/type.js";import{Avatar as l}from"../Avatar/Avatar.js";import{ConversationActions as u}from"../ConversationActions/ConversationActions.js";import{useConversationList as m}from"../../context/ConversationListContext.js";import{useUIManager as d}from"../../context/UIManagerContext.js";import{useUIKit as h}from"../../context/UIKitContext.js";import"../../context/MessageContext.js";import p from"../../hooks/useLongPress.js";import g from"../../hooks/useMouseHover.js";import{generateHighlightTitle as f,getLatestMessagePreview as C}from"./utils.js";import{getTimeStamp as _}from"../utils.js";import{isH5 as k}from"../../utils/env.js";function M(t){var n=t.conversation,o=t.isSelected,r=void 0!==o&&o,s=t.enableActions,p=void 0===s||s,g=t.highlightMatchString,k=t.Preview,M=void 0===k?w:k,A=t.Avatar,j=void 0===A?l:A,x=t.ConversationActions,N=void 0===x?u:x,S=t.Title,b=void 0===S?function(t){var n=t.conversation,o=t.highlightMatchString;return i("div",e({className:"uikit-conversation-preview__title text-ellipsis"},{children:f(n,o).map((function(t,n){return i("span",e({className:a({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),n)}))}))}({conversation:n,highlightMatchString:g}):S,L=t.LastMessageTimestamp,y=void 0===L?function(t){var n,o=t.conversation,r=h().language;return i("div",e({className:"uikit-conversation-preview__time"},{children:_(1e3*+((null===(n=o.lastMessage)||void 0===n?void 0:n.lastTime)||0),r)}))}({conversation:n}):L,T=t.LastMessageAbstract,I=void 0===T?function(t){var n=t.conversation,o=d().myProfile;return i("div",e({className:"uikit-conversation-preview__abstract"},{children:C(n,o)}))}({conversation:n}):T,P=t.Unread,U=void 0===P?function(t){var n,o=t.conversation;return n=o.isMuted?i(c,{type:v.MUTE,width:16,height:16}):o.unreadCount>99?"99+":0===o.unreadCount?null:o.unreadCount,i("div",e({className:"uikit-conversation-preview__unread"},{children:n}))}({conversation:n}):P,D=t.onSelectConversation,H=t.actionsConfig,z=t.className,E=t.style,K=t.children;return m().setCurrentConversation,i(M,{conversation:n,isSelected:r,enableActions:p,highlightMatchString:g,Avatar:j,ConversationActions:N,Title:b,LastMessageTimestamp:y,LastMessageAbstract:I,Unread:U,onSelectConversation:D,actionsConfig:H,className:z,style:E,children:K})}function w(c){var v=c.conversation,d=c.isSelected,h=c.enableActions,f=c.Avatar,C=void 0===f?l:f,_=c.ConversationActions,M=void 0===_?u:_,w=c.Title,A=c.LastMessageTimestamp,j=c.LastMessageAbstract,x=c.Unread,N=c.onSelectConversation,S=c.actionsConfig,b=c.className,L=c.style,y=c.children,T=m(),I=T.currentConversation,P=T.setCurrentConversation,U=o(null),D=r(!1),H=D[0],z=D[1],E=g(U),K=p({},{delay:500,shouldPreventDefault:!0}).isLongPressing;s((function(){z(E||K)}),[E,K]);return i("div",e({ref:U,className:a("uikit-conversation-preview",b,{"uikit-conversation-preview--mobile":k,"uikit-conversation-preview--active":d||v.conversationID===(null==I?void 0:I.conversationID),"uikit-conversation-preview--unread":!v.isMuted&&v.unreadCount>0,"uikit-conversation-preview--pin":v.isPinned,"uikit-conversation-preview--mute":v.isMuted}),style:L,onClick:function(){null==N||N(v),P(v)}},{children:y||t(n,{children:[i("div",e({className:"uikit-conversation-preview__avatar"},{children:i(C,{image:v.getAvatar(),size:40})})),t("div",e({className:"uikit-conversation-preview__content"},{children:[w,j]})),t("div",e({className:"uikit-conversation-preview__external"},{children:[x,h&&H?i(M,e({conversation:v},S)):A]}))]})}))}export{M as ConversationPreview,w as ConversationPreviewUI};
1
+ import{__assign as i}from"tslib";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useRef as o,useState as r,useEffect as s}from"react";import a from"classnames";import{Icon as c}from"../Icon/Icon.js";import{IconTypes as v}from"../Icon/type.js";import{Avatar as l}from"../Avatar/Avatar.js";import{ConversationActions as u}from"../ConversationActions/ConversationActions.js";import{useConversationList as m}from"../../context/ConversationListContext.js";import{useUIManager as d}from"../../context/UIManagerContext.js";import{useUIKit as h}from"../../context/UIKitContext.js";import"../../context/MessageContext.js";import p from"../../hooks/useLongPress.js";import g from"../../hooks/useMouseHover.js";import{generateHighlightTitle as f,getLatestMessagePreview as C}from"./utils.js";import{getTimeStamp as k}from"../utils.js";import{isH5 as M}from"../../utils/env.js";function _(t){var n=t.conversation,o=t.isSelected,r=void 0!==o&&o,s=t.enableActions,p=void 0===s||s,g=t.highlightMatchString,M=t.Preview,_=void 0===M?w:M,A=t.Avatar,j=void 0===A?l:A,x=t.ConversationActions,N=void 0===x?u:x,S=t.Title,b=void 0===S?function(t){var n=t.conversation,o=t.highlightMatchString;return e("div",i({className:"uikit-conversation-preview__title text-ellipsis"},{children:f(n,o).map((function(t,n){return e("span",i({className:a({"uikit-conversation-preview__title--highlight":t.isHighlight,"uikit-conversation-preview__title--normal":!t.isHighlight})},{children:t.text}),n)}))}))}({conversation:n,highlightMatchString:g}):S,L=t.LastMessageTimestamp,y=void 0===L?function(t){var n,o=t.conversation,r=h().language;return e("div",i({className:"uikit-conversation-preview__time"},{children:k(1e3*+((null===(n=o.lastMessage)||void 0===n?void 0:n.lastTime)||0),r)}))}({conversation:n}):L,T=t.LastMessageAbstract,I=void 0===T?function(t){var n=t.conversation,o=d().myProfile;return e("div",i({className:"uikit-conversation-preview__abstract"},{children:C(n,o)}))}({conversation:n}):T,P=t.Unread,U=void 0===P?function(t){var n,o=t.conversation;return n=o.isMuted?e(c,{type:v.MUTE,width:16,height:16}):o.unreadCount>99?"99+":0===o.unreadCount?null:o.unreadCount,e("div",i({className:"uikit-conversation-preview__unread"},{children:n}))}({conversation:n}):P,D=t.onSelectConversation,H=t.actionsConfig,z=t.className,E=t.style,K=t.children;return m().setCurrentConversation,e(_,{conversation:n,isSelected:r,enableActions:p,highlightMatchString:g,Avatar:j,ConversationActions:N,Title:b,LastMessageTimestamp:y,LastMessageAbstract:I,Unread:U,onSelectConversation:D,actionsConfig:H,className:z,style:E,children:K})}function w(c){var v=c.conversation,d=c.isSelected,h=c.enableActions,f=c.Avatar,C=void 0===f?l:f,k=c.ConversationActions,_=void 0===k?u:k,w=c.Title,A=c.LastMessageTimestamp,j=c.LastMessageAbstract,x=c.Unread,N=c.onSelectConversation,S=c.actionsConfig,b=c.className,L=c.style,y=c.children,T=m(),I=T.currentConversation,P=T.setCurrentConversation,U=o(null),D=r(!1),H=D[0],z=D[1],E=g(U),K=p({},{delay:500,shouldPreventDefault:!0}).isLongPressing;s((function(){z(E||K)}),[E,K]);return e("div",i({ref:U,className:a("uikit-conversation-preview",b,{"uikit-conversation-preview--mobile":M,"uikit-conversation-preview--active":d||v.conversationID===(null==I?void 0:I.conversationID),"uikit-conversation-preview--unread":!v.isMuted&&v.unreadCount>0,"uikit-conversation-preview--pin":v.isPinned,"uikit-conversation-preview--mute":v.isMuted}),style:L,onClick:function(){null==N||N(v),P(v)}},{children:y||t(n,{children:[e("div",i({className:"uikit-conversation-preview__avatar"},{children:e(C,{image:v.getAvatar(),size:40})})),t("div",i({className:"uikit-conversation-preview__content"},{children:[w,j]})),t("div",i({className:"uikit-conversation-preview__external"},{children:[x,h&&H?e(_,i({conversation:v},S)):A]}))]})}))}export{_ as ConversationPreview,w as ConversationPreviewUI};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import i from"../../node_modules/classnames/index.js";import{ConversationSearchInput as a}from"./ConversationSearchInput/ConversationSearchInput.js";import{ConversationSearchResult as l}from"./ConversationSearchResult/ConversationSearchResult.js";import{ConversationPreview as s}from"../ConversationPreview/ConversationPreview.js";import{Avatar as u}from"../Avatar/Avatar.js";function v(e,o){return e&&0!==(null==o?void 0:o.length)?o.filter((function(o){return o.getShowName().toLocaleLowerCase().includes(e.toLocaleLowerCase())})):[]}function c(c){var m=c.visible,d=void 0===m||m,f=c.conversationList,h=c.Avatar,p=void 0===h?u:h,C=c.searchFn,S=void 0===C?v:C,g=c.ResultPreview,R=void 0===g?s:g,w=c.ConversationSearchInput,j=void 0===w?a:w,L=c.ConversationSearchResult,b=void 0===L?l:L,A=c.onSearchChange,P=c.onFocus,x=c.onBlur,F=c.onSelectResult,I=c.className,N=c.style,k=t(""),y=k[0],B=k[1],V=t(f),_=V[0],q=V[1],z=t(!1),D=z[0],E=z[1],G=t(!1),H=G[0],J=G[1],K=t(!0),M=K[0],O=K[1];return r((function(){null==A||A(y)}),[y,A]),r((function(){q(S(y,f))}),[f,S,y]),r((function(){E(!M)}),[H,M]),d?o("div",e({className:i("uikit-conversation-search",I,{"uikit-conversation-search--active":D}),style:N},{children:[n(j,{value:y,clearable:!0,onChange:function(e){var o,n,t;B(null===(o=e.target)||void 0===o?void 0:o.value),O(0===(null===(n=e.target)||void 0===n?void 0:n.value.length)),null==A||A(null===(t=e.target)||void 0===t?void 0:t.value)},onFocus:function(e){J(!0),null==P||P(e)},onBlur:function(e){J(!1),null==x||x(e)}}),n(b,{visible:D,Avatar:p,searchResult:_,searchValue:y,ResultPreview:R,onSelectResult:F})]})):null}export{c as ConversationSearch,v as defaultSearchFn};
1
+ import{__assign as e}from"tslib";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import i from"classnames";import{ConversationSearchInput as a}from"./ConversationSearchInput/ConversationSearchInput.js";import{ConversationSearchResult as l}from"./ConversationSearchResult/ConversationSearchResult.js";import{ConversationPreview as s}from"../ConversationPreview/ConversationPreview.js";import{Avatar as u}from"../Avatar/Avatar.js";function v(e,o){return e&&0!==(null==o?void 0:o.length)?o.filter((function(o){return o.getShowName().toLocaleLowerCase().includes(e.toLocaleLowerCase())})):[]}function c(c){var m=c.visible,f=void 0===m||m,h=c.conversationList,d=c.Avatar,p=void 0===d?u:d,C=c.searchFn,S=void 0===C?v:C,g=c.ResultPreview,R=void 0===g?s:g,w=c.ConversationSearchInput,j=void 0===w?a:w,L=c.ConversationSearchResult,b=void 0===L?l:L,A=c.onSearchChange,P=c.onFocus,F=c.onBlur,I=c.onSelectResult,N=c.className,k=c.style,x=t(""),y=x[0],B=x[1],V=t(h),q=V[0],z=V[1],D=t(!1),E=D[0],G=D[1],H=t(!1),J=H[0],K=H[1],M=t(!0),O=M[0],Q=M[1];return r((function(){null==A||A(y)}),[y,A]),r((function(){z(S(y,h))}),[h,S,y]),r((function(){G(!O)}),[J,O]),f?o("div",e({className:i("uikit-conversation-search",N,{"uikit-conversation-search--active":E}),style:k},{children:[n(j,{value:y,clearable:!0,onChange:function(e){var o,n,t;B(null===(o=e.target)||void 0===o?void 0:o.value),Q(0===(null===(n=e.target)||void 0===n?void 0:n.value.length)),null==A||A(null===(t=e.target)||void 0===t?void 0:t.value)},onFocus:function(e){K(!0),null==P||P(e)},onBlur:function(e){K(!1),null==F||F(e)}}),n(b,{visible:E,Avatar:p,searchResult:q,searchValue:y,ResultPreview:R,onSelectResult:I})]})):null}export{c as ConversationSearch,v as defaultSearchFn};
@@ -1 +1 @@
1
- import{jsx as o}from"react/jsx-runtime";import{useTranslation as e}from"react-i18next";import{Icon as r}from"../../Icon/Icon.js";import{IconTypes as n}from"../../Icon/type.js";import{Input as t}from"../../Input/Input.js";import a from"../../../node_modules/classnames/index.js";function i(i){var c=i.className,s=i.placeholder,m=i.clearable,l=i.value,p=i.onChange,u=i.prefix,f=void 0===u?o(r,{type:n.SEARCH,height:16,width:16}):u,h=i.onFocus,d=i.onBlur,v=e().t;return o(t,{className:a("uikit-conversation-search-input",c),placeholder:s||v("TUIConversation.Search"),clearable:m,value:l,onChange:p,onFocus:h,onBlur:d,prefix:f})}export{i as ConversationSearchInput};
1
+ import{jsx as o}from"react/jsx-runtime";import{useTranslation as r}from"react-i18next";import{Icon as e}from"../../Icon/Icon.js";import{IconTypes as n}from"../../Icon/type.js";import{Input as t}from"../../Input/Input.js";import a from"classnames";function i(i){var c=i.className,m=i.placeholder,p=i.clearable,s=i.value,l=i.onChange,u=i.prefix,f=void 0===u?o(e,{type:n.SEARCH,height:16,width:16}):u,h=i.onFocus,v=i.onBlur,I=r().t;return o(t,{className:a("uikit-conversation-search-input",c),placeholder:m||I("TUIConversation.Search"),clearable:p,value:s,onChange:l,onFocus:h,onBlur:v,prefix:f})}export{i as ConversationSearchInput};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"../../../node_modules/classnames/index.js";import{ConversationPreview as t}from"../../ConversationPreview/ConversationPreview.js";import{Avatar as i}from"../../Avatar/Avatar.js";import{PlaceHolder as n,PlaceHolderTypes as s}from"../../PlaceHolder/index.js";function a(a){var l=a.visible,v=void 0!==l&&l,c=a.searchResult,m=a.searchValue,u=a.Avatar,d=void 0===u?i:u,h=a.ResultPreview,p=void 0===h?t:h,f=a.PlaceholderNoResult,S=void 0===f?r(n,{type:s.NO_RESULTS,searchString:m}):f,g=a.onSelectResult,j=a.className,P=a.style;return v?r("div",e({className:o("uikit-conversation-search-result",j),style:P},{children:0===(null==c?void 0:c.length)?S:null==c?void 0:c.map((function(e){return r(p,{conversation:e,Avatar:d,highlightMatchString:m,onSelectConversation:g},e.conversationID)}))})):null}export{a as ConversationSearchResult};
1
+ import{__assign as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import t from"classnames";import{ConversationPreview as o}from"../../ConversationPreview/ConversationPreview.js";import{Avatar as i}from"../../Avatar/Avatar.js";import{PlaceHolder as a,PlaceHolderTypes as n}from"../../PlaceHolder/index.js";function s(s){var l=s.visible,v=void 0!==l&&l,c=s.searchResult,m=s.searchValue,u=s.Avatar,d=void 0===u?i:u,h=s.ResultPreview,p=void 0===h?o:h,f=s.PlaceholderNoResult,S=void 0===f?r(a,{type:n.NO_RESULTS,searchString:m}):f,g=s.onSelectResult,P=s.className,R=s.style;return v?r("div",e({className:t("uikit-conversation-search-result",P),style:R},{children:0===(null==c?void 0:c.length)?S:null==c?void 0:c.map((function(e){return r(p,{conversation:e,Avatar:d,highlightMatchString:m,onSelectConversation:g},e.conversationID)}))})):null}export{s as ConversationSearchResult};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as o,jsx as N}from"react/jsx-runtime";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as i}from"../Icon/type.js";import t from"../../node_modules/classnames/index.js";var O,S,c={LOADING:"LOADING",NO_CONVERSATIONS:"NO_CONVERSATIONS",NO_MESSAGES:"NO_MESSAGES",WRONG:"WRONG",NO_RESULTS:"NO_RESULTS"},a=((O={})[c.LOADING]=i.LOADING,O[c.NO_CONVERSATIONS]=i.EFFORT,O[c.NO_MESSAGES]=i.EFFORT,O[c.WRONG]=i.CRY,O[c.NO_RESULTS]=i.CRY,O),n=((S={})[c.LOADING]="",S[c.NO_CONVERSATIONS]="No conversation",S[c.NO_MESSAGES]="No message",S[c.WRONG]="Something was wrong",S[c.NO_RESULTS]="No results",S);function s(i){var O=i.className,S=void 0===O?"":O,s=i.type,l=i.iconSize,m=void 0===l?42:l,_=i.searchString,d=void 0===_?"":_,E=i.retry;return o("div",e({className:t(S,"tui-place-holder")},{children:[a[s]&&N(r,{className:"tui-place-holder__icon",type:a[s],width:m,height:m}),n[s]&&N("div",e({className:"tui-place-holder__label"},{children:d?"".concat(n[s]," '").concat(d,"' "):n[s]})),s===c.WRONG&&E&&N("div",e({className:"tui-place-holder__button"},{children:N("button",e({onClick:E},{children:"Retry"}))}))]}))}export{s as PlaceHolder,a as PlaceHolderIconTypes,n as PlaceHolderStringTypes,c as PlaceHolderTypes};
1
+ import{__assign as N}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as t}from"../Icon/type.js";import O from"classnames";var i,S,c={LOADING:"LOADING",NO_CONVERSATIONS:"NO_CONVERSATIONS",NO_MESSAGES:"NO_MESSAGES",WRONG:"WRONG",NO_RESULTS:"NO_RESULTS"},a=((i={})[c.LOADING]=t.LOADING,i[c.NO_CONVERSATIONS]=t.EFFORT,i[c.NO_MESSAGES]=t.EFFORT,i[c.WRONG]=t.CRY,i[c.NO_RESULTS]=t.CRY,i),n=((S={})[c.LOADING]="",S[c.NO_CONVERSATIONS]="No conversation",S[c.NO_MESSAGES]="No message",S[c.WRONG]="Something was wrong",S[c.NO_RESULTS]="No results",S);function s(t){var i=t.className,S=void 0===i?"":i,s=t.type,l=t.iconSize,m=void 0===l?42:l,E=t.searchString,R=void 0===E?"":E,_=t.retry;return e("div",N({className:O(S,"tui-place-holder")},{children:[a[s]&&o(r,{className:"tui-place-holder__icon",type:a[s],width:m,height:m}),n[s]&&o("div",N({className:"tui-place-holder__label"},{children:R?"".concat(n[s]," '").concat(R,"' "):n[s]})),s===c.WRONG&&_&&o("div",N({className:"tui-place-holder__button"},{children:o("button",N({onClick:_},{children:"Retry"}))}))]}))}export{s as PlaceHolder,a as PlaceHolderIconTypes,n as PlaceHolderStringTypes,c as PlaceHolderTypes};
@@ -0,0 +1 @@
1
+ import"tslib";import"@tencentcloud/chat-uikit-engine";import"react";import"../utils/env.js";window.tencent_cloud_im_csig_react_uikit_23F_xa=!0;
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- import e from"./server.js";import"./components/Chat/index.js";export{ConversationList}from"./components/ConversationList/ConversationList.js";export{ConversationListHeader}from"./components/ConversationList/ConversationListHeader/ConversationListHeader.js";export{ConversationListContent}from"./components/ConversationList/ConversationListContent/ConversationListContent.js";export{ConversationActions}from"./components/ConversationActions/ConversationActions.js";export{ConversationPreview,ConversationPreviewUI}from"./components/ConversationPreview/ConversationPreview.js";export{ConversationSearchInput}from"./components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js";export{ConversationSearchResult}from"./components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js";export{ConversationSearch,defaultSearchFn}from"./components/ConversationSearch/ConversationSearch.js";export{ConversationCreate,PageStateTypes}from"./components/ConversationCreate/ConversationCreate.js";export{ConversationCreateSelectView}from"./components/ConversationCreate/ConversationCreateSelectView.js";export{ConversationCreateGroupDetail}from"./components/ConversationCreate/ConversationCreateGroupDetail.js";export{ConversationCreateUserSelectList}from"./components/ConversationCreate/ConversationCreateUserSelectList.js";export{useConversationCreate}from"./components/ConversationCreate/hooks/useConversationCreate.js";export{ConversationGroupTypeInfo,GroupType,typeInfoList}from"./components/ConversationCreate/ConversationGroupTypeInfo.js";export{ConversationCreateButton}from"./components/ConversationCreate/ConversationCreateButton.js";export{ChatHeader}from"./components/ChatHeader/ChatHeader.js";export{ChatHeaderDefault}from"./components/ChatHeader/ChatHeaderDefault.js";export{MessageList}from"./components/MessageList/MessageList.js";export{TUIMessage}from"./components/MessageElement/Message.js";export{MessagePlugins}from"./components/MessageElement/MessagePlugins.js";export{MessageContext}from"./components/MessageElement/MessageContext.js";export{MessageInput}from"./components/MessageInput/MessageInput.js";export{TUIMessageInputDefault}from"./components/MessageInput/MessageInputDefault.js";export{InputPluginsDefalut}from"./components/MessageInput/InputPluginsDefalut.js";export{Profile}from"./components/Profile/Profile.js";export{TUIProfileDefault}from"./components/Profile/ProfileDefault.js";export{Avatar}from"./components/Avatar/Avatar.js";export{defaultGroupAvatarAVChatRoom,defaultGroupAvatarMeeting,defaultGroupAvatarPublic,defaultGroupAvatarWork,defaultUserAvatar}from"./components/Avatar/default.js";export{ChatSetting}from"./components/ChatSetting/ChatSetting.js";export{Popup}from"./components/Popup/index.js";export{Checkbox}from"./components/Checkbox/index.js";export{DivWithEdit}from"./components/DivWithEdit/DivWithEdit.js";export{Icon,changeTypeToIconClassName}from"./components/Icon/Icon.js";export{IconTypes}from"./components/Icon/type.js";export{PlaceHolder,PlaceHolderIconTypes,PlaceHolderStringTypes,PlaceHolderTypes}from"./components/PlaceHolder/index.js";export{EmptyStateIndicator}from"./components/EmptyStateIndicator/EmptyStateIndicator.js";export{Input}from"./components/Input/Input.js";export{Model}from"./components/Model/index.js";export{Plugins}from"./components/Plugins/index.js";export{Switch}from"./components/Switch/Switch.js";export{Toast}from"./components/Toast/index.js";export{ContactList}from"./components/Contact/ContactList/ContactList.js";export{ContactInfo,UnMemoizedContactInfo}from"./components/Contact/ContactInfo/ContactInfo.js";export{Contact,UnMemoizedContact}from"./components/Contact/Contact.js";export{UIKitProvider,useUIKit}from"./context/UIKitContext.js";export{UIManagerProvider,useUIManager}from"./context/UIManagerContext.js";export{TUIChatStateContext,TUIChatStateContextProvider,useTUIChatStateContext}from"./context/ChatStateContext.js";export{TUIChatActionContext,TUIChatActionProvider,useTUIChatActionContext}from"./context/ChatActionContext.js";export{TUIMessageContext,TUIMessageContextProvider,messageShowType,useTUIMessageContext}from"./context/MessageContext.js";export{ComponentContext,ComponentProvider,useComponentContext}from"./context/ComponentContext.js";export{TUIMessageInputContext,TUIMessageInputContextProvider,useTUIMessageInputContext}from"./context/MessageInputContext.js";export{TUIContactContext,TUIContactContextProvider,useTUIContactContext}from"./context/ContactContext.js";export{ConversationListProvider,useConversationList}from"./context/ConversationListContext.js";export{createC2CConversation,createGroupConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";import"react";export{isTouchEvent}from"./hooks/useLongPress.js";export{t}from"./locales/index.js";export{isH5,isPC,setPlatform}from"./utils/env.js";export{Chat}from"./components/Chat/Chat.js";export{default as i18next}from"i18next";new e;
1
+ import e from"./server.js";import"./components/Chat/index.js";export{ConversationList}from"./components/ConversationList/ConversationList.js";export{ConversationListHeader}from"./components/ConversationList/ConversationListHeader/ConversationListHeader.js";export{ConversationListContent}from"./components/ConversationList/ConversationListContent/ConversationListContent.js";export{ConversationActions}from"./components/ConversationActions/ConversationActions.js";export{ConversationPreview,ConversationPreviewUI}from"./components/ConversationPreview/ConversationPreview.js";export{ConversationSearchInput}from"./components/ConversationSearch/ConversationSearchInput/ConversationSearchInput.js";export{ConversationSearchResult}from"./components/ConversationSearch/ConversationSearchResult/ConversationSearchResult.js";export{ConversationSearch,defaultSearchFn}from"./components/ConversationSearch/ConversationSearch.js";export{ConversationCreate,PageStateTypes}from"./components/ConversationCreate/ConversationCreate.js";export{ConversationCreateSelectView}from"./components/ConversationCreate/ConversationCreateSelectView.js";export{ConversationCreateGroupDetail}from"./components/ConversationCreate/ConversationCreateGroupDetail.js";export{ConversationCreateUserSelectList}from"./components/ConversationCreate/ConversationCreateUserSelectList.js";export{useConversationCreate}from"./components/ConversationCreate/hooks/useConversationCreate.js";export{ConversationGroupTypeInfo,GroupType,typeInfoList}from"./components/ConversationCreate/ConversationGroupTypeInfo.js";export{ConversationCreateButton}from"./components/ConversationCreate/ConversationCreateButton.js";export{ChatHeader}from"./components/ChatHeader/ChatHeader.js";export{ChatHeaderDefault}from"./components/ChatHeader/ChatHeaderDefault.js";export{MessageList}from"./components/MessageList/MessageList.js";export{TUIMessage}from"./components/MessageElement/Message.js";export{MessagePlugins}from"./components/MessageElement/MessagePlugins.js";export{MessageContext}from"./components/MessageElement/MessageContext.js";export{MessageInput}from"./components/MessageInput/MessageInput.js";export{TUIMessageInputDefault}from"./components/MessageInput/MessageInputDefault.js";export{InputPluginsDefalut}from"./components/MessageInput/InputPluginsDefalut.js";export{Profile}from"./components/Profile/Profile.js";export{TUIProfileDefault}from"./components/Profile/ProfileDefault.js";export{Avatar}from"./components/Avatar/Avatar.js";export{defaultGroupAvatarAVChatRoom,defaultGroupAvatarMeeting,defaultGroupAvatarPublic,defaultGroupAvatarWork,defaultUserAvatar}from"./components/Avatar/default.js";export{ChatSetting}from"./components/ChatSetting/ChatSetting.js";export{Popup}from"./components/Popup/index.js";export{Checkbox}from"./components/Checkbox/index.js";export{DivWithEdit}from"./components/DivWithEdit/DivWithEdit.js";export{Icon,changeTypeToIconClassName}from"./components/Icon/Icon.js";export{IconTypes}from"./components/Icon/type.js";export{PlaceHolder,PlaceHolderIconTypes,PlaceHolderStringTypes,PlaceHolderTypes}from"./components/PlaceHolder/index.js";export{EmptyStateIndicator}from"./components/EmptyStateIndicator/EmptyStateIndicator.js";export{Input}from"./components/Input/Input.js";export{Model}from"./components/Model/index.js";export{Plugins}from"./components/Plugins/index.js";export{Switch}from"./components/Switch/Switch.js";export{Toast}from"./components/Toast/index.js";export{ContactList}from"./components/Contact/ContactList/ContactList.js";export{ContactInfo,UnMemoizedContactInfo}from"./components/Contact/ContactInfo/ContactInfo.js";export{Contact,UnMemoizedContact}from"./components/Contact/Contact.js";export{UIKitProvider,useUIKit}from"./context/UIKitContext.js";export{UIManagerProvider,useUIManager}from"./context/UIManagerContext.js";export{TUIChatStateContext,TUIChatStateContextProvider,useTUIChatStateContext}from"./context/ChatStateContext.js";export{TUIChatActionContext,TUIChatActionProvider,useTUIChatActionContext}from"./context/ChatActionContext.js";export{TUIMessageContext,TUIMessageContextProvider,messageShowType,useTUIMessageContext}from"./context/MessageContext.js";export{ComponentContext,ComponentProvider,useComponentContext}from"./context/ComponentContext.js";export{TUIMessageInputContext,TUIMessageInputContextProvider,useTUIMessageInputContext}from"./context/MessageInputContext.js";export{TUIContactContext,TUIContactContextProvider,useTUIContactContext}from"./context/ContactContext.js";export{ConversationListProvider,useConversationList}from"./context/ConversationListContext.js";import"./hooks/index.js";export{t}from"./locales/index.js";export{isH5,isPC,setPlatform}from"./utils/env.js";export{Chat}from"./components/Chat/Chat.js";export{createC2CConversation,createGroupConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";export{isTouchEvent}from"./hooks/useLongPress.js";export{default as i18next}from"i18next";new e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tencentcloud/chat-uikit-react",
3
- "version": "2.2.8",
3
+ "version": "2.3.0",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "license": "MIT",
package/rollup.config.js CHANGED
@@ -42,7 +42,7 @@ export default [
42
42
  terser(),
43
43
  ],
44
44
  external: ['react', 'date-fns', 'tslib', 'react-date-picker', 'i18next', 'react-i18next', '@tencentcloud/tui-core',
45
- '@tencentcloud/chat', '@tencentcloud/chat-uikit-engine', '@tencentcloud/universal-api', '@tencentcloud/call-uikit-react'],
45
+ '@tencentcloud/chat', '@tencentcloud/chat-uikit-engine', '@tencentcloud/universal-api', '@tencentcloud/call-uikit-react', 'classnames'],
46
46
  },
47
47
  {
48
48
  ...getBaseConfig(),
@@ -2,3 +2,5 @@ export * from './useConversation';
2
2
  export * from './useProfile';
3
3
  export * from './useMouseHover';
4
4
  export * from './useLongPress';
5
+
6
+ (window as any).tencent_cloud_im_csig_react_uikit_23F_xa = true;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.classnames={exports:{}};
@@ -1 +0,0 @@
1
- var r={exports:{}};export{r as c};