@tencentcloud/chat-uikit-react 2.3.1 → 3.0.0

package/dist/components/ContactSearch/ContactSearch.js

@@ -0,0 +1,85 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import F, { useState as u } from "react";
+import { useUIKit as N } from "@tencentcloud/uikit-base-component-react";
+import { defaultUserAvatar as P } from "../../constant/avatar.js";
+import { useTUIContactContext as T } from "../../context/ContactContext.js";
+import "../../context/ChatContext.js";
+import { useUIManagerState as k } from "../../states/UIManagerState.js";
+import "@tencentcloud/chat-uikit-engine";
+import { P as D } from "../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/tui-core";
+import { Icon as b } from "../Icon/Icon.js";
+import { IconTypes as V } from "../Icon/type.js";
+import { Input as A } from "../Input/Input.js";
+import B from "./hooks/useContactSearch.js";
+import '../../styles/ContactSearch.css';function j() {
+  const { setActiveContact: o } = k("TUIContactSearch"), { t: l } = N(), { friendList: n, setShowContactList: c } = T("TUIContactList"), [C, m] = u(!1), { checkFriend: I, isBlock: S, getUserProfile: v } = B(), [s, h] = u(""), [d, f] = u([]), U = (t) => {
+    var e, a;
+    if (((e = t.target) == null ? void 0 : e.value) === "") {
+      c && c(!0), m(!1), f([]);
+      return;
+    }
+    m(!0), h((a = t.target) == null ? void 0 : a.value), c && c(!1);
+  }, g = (t) => {
+    var e;
+    h((e = t.target) == null ? void 0 : e.value);
+  }, y = () => {
+    o();
+  }, x = async () => {
+    s && v(s).then((t) => {
+      const { data: e } = t;
+      f(e);
+    });
+  }, R = async (t) => {
+    if (await I(t)) {
+      const a = n == null ? void 0 : n.find((i) => i.userID === s);
+      a && o({ type: "friend", data: a });
+      return;
+    }
+    if (S(t.userID)) {
+      o({ type: "block", data: t });
+      return;
+    }
+    o({ type: "addFriend", data: t });
+  };
+  return /* @__PURE__ */ p("div", { className: "tui-contact-search", children: [
+    /* @__PURE__ */ r(
+      A,
+      {
+        className: "tui-contact-search-input",
+        placeholder: l("TUIContact.Enter a userID"),
+        clearable: !0,
+        value: s,
+        onBlur: g,
+        onFocus: y,
+        onChange: U,
+        onKeyDown: x,
+        prefix: /* @__PURE__ */ r(b, { type: V.SEARCH, height: 16, width: 16 })
+      }
+    ),
+    C && d.length === 0 ? /* @__PURE__ */ r("div", { className: "tui-contact-search-item", children: l("TUIContact.No Result") }) : d.map((t, e) => {
+      const { userID: a, avatar: i, nick: w } = t;
+      return /* @__PURE__ */ p(
+        "div",
+        {
+          className: "tui-contact-search-item",
+          role: "button",
+          tabIndex: 0,
+          onClick: () => {
+            R(t);
+          },
+          children: [
+            /* @__PURE__ */ r(D, { src: i || P }),
+            /* @__PURE__ */ r("div", { className: "search-item-name", children: w || a })
+          ]
+        },
+        a
+      );
+    })
+  ] });
+}
+const Y = F.memo(j);
+export {
+  Y as ContactSearch,
+  j as UnMemoizedContactSearch
+};

package/dist/components/ContactSearch/hooks/useContactSearch.d.ts

@@ -0,0 +1,6 @@
+declare function useContactSearch(): {
+    checkFriend: (info: any) => Promise<any>;
+    isBlock: (userID: string) => boolean | undefined;
+    getUserProfile: (userID: string) => any;
+};
+export default useContactSearch;

package/dist/components/ContactSearch/hooks/useContactSearch.js

@@ -0,0 +1,28 @@
+import i from "@tencentcloud/chat-uikit-engine";
+import { useTUIContactContext as n } from "../../../context/ContactContext.js";
+import "../../../context/ChatContext.js";
+import { useUIManagerState as a } from "../../../states/UIManagerState.js";
+import "react";
+import "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/uikit-base-component-react";
+import "@tencentcloud/tui-core";
+import "react/jsx-runtime";
+function E() {
+  const { blockList: e } = n("TUIContactList"), { chat: o } = a();
+  return {
+    checkFriend: (t) => o.checkFriend({
+      userIDList: [t == null ? void 0 : t.userID],
+      type: i.TYPES.SNS_CHECK_TYPE_BOTH
+    }).then((r) => {
+      var c, s;
+      return ((s = (c = r == null ? void 0 : r.data) == null ? void 0 : c.successUserIDList[0]) == null ? void 0 : s.relation) === i.TYPES.SNS_TYPE_BOTH_WAY;
+    }),
+    isBlock: (t) => e == null ? void 0 : e.includes(t),
+    getUserProfile: (t) => o.getUserProfile({
+      userIDList: [t]
+    })
+  };
+}
+export {
+  E as default
+};

package/dist/components/DivWithEdit/DivWithEdit.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+interface DivWithEditProps {
+    name?: string | undefined;
+    value?: string | undefined;
+    confirm?: ((data?: any) => void) | undefined;
+    className?: string | undefined;
+    classEditName?: string | undefined;
+    type?: string | undefined;
+    isEdit?: boolean | undefined;
+    toggle?: ((name: string) => void) | undefined;
+    close: () => void;
+}
+export declare function DivWithEdit<T extends DivWithEditProps>(props: PropsWithChildren<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DivWithEdit/DivWithEdit.js

@@ -0,0 +1,69 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as x, useLayoutEffect as w } from "react";
+import { Popup as W } from "../Popup/index.js";
+import { WithSelect as g } from "./WithSelect.js";
+import { WithText as m } from "./WithText.js";
+import { IconEdit1 as j } from "@tencentcloud/uikit-base-component-react";
+const y = {
+  text: m,
+  select: g
+};
+function L(n) {
+  const {
+    value: t,
+    className: d,
+    classEditName: p,
+    confirm: i,
+    type: h,
+    isEdit: o,
+    toggle: c,
+    children: u,
+    name: s,
+    close: l
+  } = n, [r, f] = x(t), v = y[h] || m;
+  w(() => {
+    f(t);
+  }, [t]);
+  const E = (N) => {
+    i == null || i({
+      name: s,
+      value: N
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: `div-with-edit ${d}`, children: /* @__PURE__ */ a(
+    W,
+    {
+      className: "div-with-edit-popup",
+      show: !0,
+      close: l,
+      children: [
+        !o && /* @__PURE__ */ a("div", { className: "show", children: [
+          /* @__PURE__ */ e("p", { children: r || "-" }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "icon icon-edit",
+              onClick: () => {
+                c && s && c(s);
+              },
+              children: /* @__PURE__ */ e(j, {})
+            }
+          )
+        ] }),
+        o && /* @__PURE__ */ e(
+          v,
+          {
+            value: r,
+            confirm: E,
+            className: p,
+            close: l,
+            children: u
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  L as DivWithEdit
+};

package/dist/components/DivWithEdit/WithSelect.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { WithEditProps } from './WithText';
+interface WithSelectProps extends WithEditProps {
+    list?: Array<any>;
+}
+export declare function WithSelect<T extends WithSelectProps>(props: PropsWithChildren<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DivWithEdit/WithSelect.js

@@ -0,0 +1,21 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { IconChevronDown as o } from "@tencentcloud/uikit-base-component-react";
+import '../../styles/WithSelect.css';function m(l) {
+  const {
+    value: s,
+    confirm: n,
+    children: i,
+    className: t,
+    close: r
+  } = l;
+  return /* @__PURE__ */ c("div", { className: `edit ${t}`, children: [
+    /* @__PURE__ */ c("div", { className: "select", children: [
+      /* @__PURE__ */ e("label", { children: s }),
+      /* @__PURE__ */ e("div", { className: "select-content", children: i })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "select-btn", onClick: n, children: /* @__PURE__ */ e(o, {}) })
+  ] });
+}
+export {
+  m as WithSelect
+};

package/dist/components/DivWithEdit/WithText.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface WithEditProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    confirm?: (data?: any) => void;
+    className?: string;
+    close?: () => void;
+}
+export declare function WithText<T extends WithEditProps>(props: PropsWithChildren<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/DivWithEdit/WithText.js

@@ -0,0 +1,28 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { useRef as m, useState as h, useLayoutEffect as p } from "react";
+import { IconCheck as d } from "@tencentcloud/uikit-base-component-react";
+function g(a) {
+  const {
+    value: r,
+    confirm: c,
+    className: l
+  } = a, e = m(), [o, s] = h(r);
+  p(() => {
+    var t;
+    (t = e == null ? void 0 : e.current) == null || t.focus({
+      preventScroll: !0
+    }), s(o);
+  }, [e, r]);
+  const i = (t) => {
+    s(t.target.value);
+  }, u = () => {
+    c && c(o);
+  };
+  return /* @__PURE__ */ f("div", { className: `edit ${l}`, children: [
+    /* @__PURE__ */ n("input", { ref: e, type: "text", value: o, onChange: i }),
+    /* @__PURE__ */ n("div", { onClick: u, children: /* @__PURE__ */ n(d, {}) })
+  ] });
+}
+export {
+  g as WithText
+};

package/dist/components/DivWithEdit/index.d.ts

@@ -0,0 +1 @@
+export * from './DivWithEdit';

package/dist/components/DivWithEdit/index.js

@@ -0,0 +1,4 @@
+import { DivWithEdit as o } from "./DivWithEdit.js";
+export {
+  o as DivWithEdit
+};

package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export interface EmptyStateIndicatorProps {
+    /** List Type: conversation | message */
+    listType?: 'conversation' | 'message' | 'chat';
+}
+declare function UnMemoizedEmptyStateIndicator<T extends EmptyStateIndicatorProps>(props: PropsWithChildren<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare const EmptyStateIndicator: typeof UnMemoizedEmptyStateIndicator;
+export {};

package/dist/components/EmptyStateIndicator/EmptyStateIndicator.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "react";
+function o(r) {
+  const { listType: t } = r;
+  return t === "conversation" ? /* @__PURE__ */ e("p", { role: "listitem", children: "You have no conversation currently" }) : t === "message" || t === "chat" ? null : /* @__PURE__ */ e("p", { children: "No items exist" });
+}
+const m = n.memo(
+  o
+);
+export {
+  m as EmptyStateIndicator
+};

package/dist/components/EmptyStateIndicator/index.d.ts

@@ -0,0 +1 @@
+export * from './EmptyStateIndicator';

package/dist/components/EmptyStateIndicator/index.js

@@ -0,0 +1,4 @@
+import { EmptyStateIndicator as r } from "./EmptyStateIndicator.js";
+export {
+  r as EmptyStateIndicator
+};

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IconTypes } from './type';
+export declare const changeTypeToIconClassName: (type: IconTypes) => string;
+export interface IconProps {
+    type?: IconTypes;
+    height?: number;
+    width?: number;
+    onClick?: ((event: React.BaseSyntheticEvent) => void) | undefined;
+    className?: string | undefined;
+}
+export declare function Icon(props: React.PropsWithChildren<IconProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.js

@@ -0,0 +1,39 @@
+import { jsx as c } from "react/jsx-runtime";
+import { ICON_CONFIG as s } from "./config.js";
+import '../../styles/Icon.css';const l = (t) => {
+  const n = s[t].url || "";
+  return n && /* @__PURE__ */ c("img", { className: `icon-image icon-image-${t}`, src: n, alt: t });
+}, p = (t) => {
+  var n;
+  return ((n = s[t]) == null ? void 0 : n.className) || "";
+};
+function d(t) {
+  const {
+    children: n,
+    type: e,
+    height: o = 24,
+    width: i = 24,
+    onClick: r,
+    className: a = ""
+  } = t, m = {
+    width: typeof i == "string" ? i : `${i}px`,
+    minWidth: typeof i == "string" ? i : `${i}px`,
+    height: typeof o == "string" ? o : `${o}px`,
+    minHeight: typeof o == "string" ? o : `${o}px`
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `tui-kit-icon ${e && p(e)} ${a}`,
+      role: "button",
+      tabIndex: 0,
+      style: m,
+      onClick: r,
+      children: n || e && l(e)
+    }
+  );
+}
+export {
+  d as Icon,
+  p as changeTypeToIconClassName
+};

package/dist/components/Icon/config.d.ts

@@ -0,0 +1,9 @@
+interface IconConfigItem {
+    url: string;
+    className: string;
+}
+interface IconConfig {
+    [propName: string]: IconConfigItem;
+}
+export declare const ICON_CONFIG: IconConfig;
+export {};