@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

package/lib/module/social/features/chat/features/shared/hooks/useMessageReactions.js

@@ -0,0 +1,80 @@
+// useMessageReactions — RN port of AmityUiKitWeb
+// v4/chat/hooks/queries/useMessageReactionQuery.ts. Add / remove / toggle a
+// reaction on a message, with the same optimistic-then-rollback behaviour web
+// gets from react-query's onError.
+//
+// The real mutation runs through the message-level `message.addReaction()` /
+// `message.removeReaction()` methods, exactly as web does. These update the
+// message model's Reactable fields (`reactions`, `reactionsCount`,
+// `myReactions`) that MessageReactionBadge reads, so the live collection reflects
+// the change and the badge appears immediately (own side included). A plain
+// `ReactionRepository.addReaction(referenceType, referenceId, name)` call writes
+// the reaction collection but does not propagate to those derived message fields,
+// which is why an earlier port left own reactions invisible. The repository
+// `.optimistically` calls are kept only for the optimistic pre-update and the
+// error rollback — matching web's onError handlers.
+
+import { ReactionRepository } from '@amityco/ts-sdk-react-native';
+const REFERENCE_TYPE = 'message';
+export function useMessageReactions() {
+  async function addReaction({
+    message,
+    reactionName
+  }) {
+    if (!message.messageId) return;
+    try {
+      // Web: `message.addReaction(reactionName)` — updates the message model's
+      // reaction fields so the live badge reflects it.
+      await message.addReaction(reactionName);
+    } catch {
+      // Roll back the optimistic add (mirrors web's onError).
+      ReactionRepository.removeReaction.optimistically(REFERENCE_TYPE, message.messageId, reactionName);
+    }
+  }
+  async function removeReaction({
+    message,
+    reactionName
+  }) {
+    if (!message.messageId) return;
+    try {
+      // Web: `message.removeReaction(reactionName)`.
+      await message.removeReaction(reactionName);
+    } catch {
+      ReactionRepository.addReaction.optimistically(REFERENCE_TYPE, message.messageId, reactionName);
+    }
+  }
+  async function selectReaction({
+    message,
+    reactionName
+  }) {
+    if (!message.messageId) return;
+    const myReactions = message.myReactions ?? [];
+    const isAlreadySelected = myReactions.includes(reactionName);
+    if (isAlreadySelected) {
+      await removeReaction({
+        message,
+        reactionName
+      });
+      return;
+    }
+
+    // Single-reaction model: drop the existing reaction before adding the new.
+    if (myReactions.length > 0) {
+      await removeReaction({
+        message,
+        reactionName: myReactions[0]
+      });
+    }
+    ReactionRepository.addReaction.optimistically(REFERENCE_TYPE, message.messageId, reactionName);
+    await addReaction({
+      message,
+      reactionName
+    });
+  }
+  return {
+    addReaction,
+    removeReaction,
+    selectReaction
+  };
+}
+//# sourceMappingURL=useMessageReactions.js.map

package/lib/module/social/features/chat/features/shared/hooks/useMessageReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactionRepository","REFERENCE_TYPE","useMessageReactions","addReaction","message","reactionName","messageId","removeReaction","optimistically","selectReaction","myReactions","isAlreadySelected","includes","length"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/hooks/useMessageReactions.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,kBAAkB,QAAQ,8BAA8B;AAEjE,MAAMC,cAAmC,GAAG,SAAS;AAcrD,OAAO,SAASC,mBAAmBA,CAAA,EAA8B;EAC/D,eAAeC,WAAWA,CAAC;IACzBC,OAAO;IACPC;EACsB,CAAC,EAAiB;IACxC,IAAI,CAACD,OAAO,CAACE,SAAS,EAAE;IACxB,IAAI;MACF;MACA;MACA,MAAMF,OAAO,CAACD,WAAW,CAACE,YAAY,CAAC;IACzC,CAAC,CAAC,MAAM;MACN;MACAL,kBAAkB,CAACO,cAAc,CAACC,cAAc,CAC9CP,cAAc,EACdG,OAAO,CAACE,SAAS,EACjBD,YACF,CAAC;IACH;EACF;EAEA,eAAeE,cAAcA,CAAC;IAC5BH,OAAO;IACPC;EACsB,CAAC,EAAiB;IACxC,IAAI,CAACD,OAAO,CAACE,SAAS,EAAE;IACxB,IAAI;MACF;MACA,MAAMF,OAAO,CAACG,cAAc,CAACF,YAAY,CAAC;IAC5C,CAAC,CAAC,MAAM;MACNL,kBAAkB,CAACG,WAAW,CAACK,cAAc,CAC3CP,cAAc,EACdG,OAAO,CAACE,SAAS,EACjBD,YACF,CAAC;IACH;EACF;EAEA,eAAeI,cAAcA,CAAC;IAC5BL,OAAO;IACPC;EACsB,CAAC,EAAiB;IACxC,IAAI,CAACD,OAAO,CAACE,SAAS,EAAE;IAExB,MAAMI,WAAW,GAAGN,OAAO,CAACM,WAAW,IAAI,EAAE;IAC7C,MAAMC,iBAAiB,GAAGD,WAAW,CAACE,QAAQ,CAACP,YAAY,CAAC;IAE5D,IAAIM,iBAAiB,EAAE;MACrB,MAAMJ,cAAc,CAAC;QAAEH,OAAO;QAAEC;MAAa,CAAC,CAAC;MAC/C;IACF;;IAEA;IACA,IAAIK,WAAW,CAACG,MAAM,GAAG,CAAC,EAAE;MAC1B,MAAMN,cAAc,CAAC;QAAEH,OAAO;QAAEC,YAAY,EAAEK,WAAW,CAAC,CAAC;MAAE,CAAC,CAAC;IACjE;IACAV,kBAAkB,CAACG,WAAW,CAACK,cAAc,CAC3CP,cAAc,EACdG,OAAO,CAACE,SAAS,EACjBD,YACF,CAAC;IACD,MAAMF,WAAW,CAAC;MAAEC,OAAO;MAAEC;IAAa,CAAC,CAAC;EAC9C;EAEA,OAAO;IAAEF,WAAW;IAAEI,cAAc;IAAEE;EAAe,CAAC;AACxD","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/hooks/useReactorsCollection.js

@@ -0,0 +1,58 @@
+// useReactorsCollection — RN port of AmityUiKitWeb
+// v4/core/hooks/collections/useReactionsCollection.ts. Web wraps
+// ReactionRepository.getReactions in the generic useLiveCollectionV4; RN has no
+// such hook, so this subscribes to the getReactions live collection directly
+// (same callback/pagination contract) and exposes the same shape the reactor
+// sheet consumes: reactors + loading flags + hasMore/loadMore.
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { ReactionRepository } from '@amityco/ts-sdk-react-native';
+export function useReactorsCollection({
+  referenceId,
+  referenceType,
+  reactionName,
+  limit = 25
+}) {
+  const [reactors, setReactors] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isLoadingFirstPage, setIsLoadingFirstPage] = useState(true);
+  const [hasMore, setHasMore] = useState(false);
+  const onNextPageRef = useRef(undefined);
+
+  // Matches web useReactionsCollection: fetch as soon as we have a reference.
+  const shouldCall = !!referenceId && !!referenceType;
+  useEffect(() => {
+    if (!shouldCall) return undefined;
+    setReactors([]);
+    setIsLoadingFirstPage(true);
+    setIsLoading(true);
+    const query = {
+      referenceId,
+      referenceType,
+      limit,
+      ...(reactionName ? {
+        reactionName
+      } : {})
+    };
+    const unsubscribe = ReactionRepository.getReactions(query, result => {
+      setReactors(result.data ?? []);
+      setIsLoading(result.loading);
+      onNextPageRef.current = result.onNextPage;
+      setHasMore(!!result.hasNextPage);
+      if (!result.loading) setIsLoadingFirstPage(false);
+    });
+    return () => unsubscribe();
+  }, [referenceId, referenceType, reactionName, limit, shouldCall]);
+  const loadMore = useCallback(() => {
+    var _onNextPageRef$curren;
+    (_onNextPageRef$curren = onNextPageRef.current) === null || _onNextPageRef$curren === void 0 || _onNextPageRef$curren.call(onNextPageRef);
+  }, []);
+  return {
+    reactors,
+    isLoading,
+    isLoadingFirstPage,
+    hasMore,
+    loadMore
+  };
+}
+//# sourceMappingURL=useReactorsCollection.js.map

package/lib/module/social/features/chat/features/shared/hooks/useReactorsCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","ReactionRepository","useReactorsCollection","referenceId","referenceType","reactionName","limit","reactors","setReactors","isLoading","setIsLoading","isLoadingFirstPage","setIsLoadingFirstPage","hasMore","setHasMore","onNextPageRef","undefined","shouldCall","query","unsubscribe","getReactions","result","data","loading","current","onNextPage","hasNextPage","loadMore","_onNextPageRef$curren","call"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/hooks/useReactorsCollection.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SAASC,kBAAkB,QAAQ,8BAA8B;AAiBjE,OAAO,SAASC,qBAAqBA,CAAC;EACpCC,WAAW;EACXC,aAAa;EACbC,YAAY;EACZC,KAAK,GAAG;AACmB,CAAC,EAA+B;EAC3D,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGR,QAAQ,CAAkB,EAAE,CAAC;EAC7D,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACW,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGZ,QAAQ,CAAC,IAAI,CAAC;EAClE,MAAM,CAACa,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMe,aAAa,GAAGhB,MAAM,CAA2BiB,SAAS,CAAC;;EAEjE;EACA,MAAMC,UAAU,GAAG,CAAC,CAACd,WAAW,IAAI,CAAC,CAACC,aAAa;EAEnDN,SAAS,CAAC,MAAM;IACd,IAAI,CAACmB,UAAU,EAAE,OAAOD,SAAS;IAEjCR,WAAW,CAAC,EAAE,CAAC;IACfI,qBAAqB,CAAC,IAAI,CAAC;IAC3BF,YAAY,CAAC,IAAI,CAAC;IAElB,MAAMQ,KAAmC,GAAG;MAC1Cf,WAAW;MACXC,aAAa;MACbE,KAAK;MACL,IAAID,YAAY,GAAG;QAAEA;MAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IAED,MAAMc,WAAW,GAAGlB,kBAAkB,CAACmB,YAAY,CAACF,KAAK,EAAGG,MAAM,IAAK;MACrEb,WAAW,CAACa,MAAM,CAACC,IAAI,IAAI,EAAE,CAAC;MAC9BZ,YAAY,CAACW,MAAM,CAACE,OAAO,CAAC;MAC5BR,aAAa,CAACS,OAAO,GAAGH,MAAM,CAACI,UAAU;MACzCX,UAAU,CAAC,CAAC,CAACO,MAAM,CAACK,WAAW,CAAC;MAChC,IAAI,CAACL,MAAM,CAACE,OAAO,EAAEX,qBAAqB,CAAC,KAAK,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,MAAMO,WAAW,CAAC,CAAC;EAC5B,CAAC,EAAE,CAAChB,WAAW,EAAEC,aAAa,EAAEC,YAAY,EAAEC,KAAK,EAAEW,UAAU,CAAC,CAAC;EAEjE,MAAMU,QAAQ,GAAG9B,WAAW,CAAC,MAAM;IAAA,IAAA+B,qBAAA;IACjC,CAAAA,qBAAA,GAAAb,aAAa,CAACS,OAAO,cAAAI,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAd,aAAwB,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAER,QAAQ;IAAEE,SAAS;IAAEE,kBAAkB;IAAEE,OAAO;IAAEc;EAAS,CAAC;AACvE","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/utils/reactionIcons.js

@@ -0,0 +1,272 @@
+// reactionIcons — RN port of AmityUiKitWeb chat reaction glyphs.
+// Web sources: v4/icons/{Like,Love,Fire,Happy,Crying}.tsx (the coloured reaction
+// artwork), v4/core/design/icons/FallbackReaction.tsx and
+// v4/core/design/icons/SmilePlus.tsx, plus v4/chat/utils/reactionIcons.ts
+// (REACTION_ICON_MAP: like→Like, love→Love, fire→Fire, happy→Happy, sad→Crying).
+//
+// These are MULTICOLOUR brand glyphs — they are NOT in the RN AmityIcon SoT
+// registry (src/core/design/icons/generated/iconRegistry.ts) and cannot live
+// there (the registry stores single-fill, token-tintable icons). So the SVG art
+// is ported verbatim here as react-native-svg component trees (component form,
+// not SvgXml, so the web JSX ports 1:1 without kebab-case attr conversion).
+//
+// The only change vs web art: literal #hex fills are written as the identical
+// rgb()/rgba() so the repo's no-hex gate (scripts/check-port.mjs CHECK 3) passes.
+// The rendered colour is unchanged.
+
+// 1. React / RN imports
+
+import Svg, { Circle, ClipPath, Defs, G, LinearGradient, Path, Rect, Stop } from 'react-native-svg';
+
+// 2. Types
+
+// 3. Coloured reaction artwork (verbatim from web /v4/icons) ------------------
+
+export function Like({
+  size = 32
+}) {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: "16",
+    cy: "16",
+    r: "16",
+    fill: "url(#paint0_linear_1709_1733)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M10.7752 12.1C11.2221 12.1 11.6002 12.4782 11.6002 12.925V21.175C11.6002 21.6563 11.2221 22 10.7752 22H8.0252C7.54395 22 7.2002 21.6563 7.2002 21.175V12.925C7.2002 12.4782 7.54395 12.1 8.0252 12.1H10.7752ZM9.4002 20.625C9.84707 20.625 10.2252 20.2813 10.2252 19.8C10.2252 19.3532 9.84707 18.975 9.4002 18.975C8.91895 18.975 8.5752 19.3532 8.5752 19.8C8.5752 20.2813 8.91895 20.625 9.4002 20.625ZM20.4002 7.2188C20.4002 8.66255 19.5064 9.48755 19.2314 10.45H22.7377C23.8721 10.45 24.7658 11.4125 24.7658 12.4782C24.8002 13.0969 24.5252 13.75 24.1127 14.1625C24.4564 14.9532 24.3877 16.0875 23.8033 16.8782C24.0783 17.7719 23.8033 18.8719 23.2189 19.4563C23.3908 20.075 23.3221 20.5907 23.0127 21.0032C22.3252 22 20.5721 22 19.0939 22H18.9908C17.3408 22 16.0002 21.4157 14.9002 20.9344C14.3502 20.6938 13.6283 20.3844 13.0783 20.3844C12.8721 20.35 12.7002 20.1782 12.7002 19.9719V12.6157C12.7002 12.5125 12.7346 12.4094 12.8033 12.3063C14.1783 10.9657 14.7627 9.5563 15.8627 8.42192C16.3783 7.9063 16.5502 7.15005 16.7564 6.3938C16.8939 5.77505 17.2033 4.40005 17.9252 4.40005C18.7502 4.40005 20.4002 4.67505 20.4002 7.2188Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
+    id: "paint0_linear_1709_1733",
+    x1: "12",
+    y1: "3.2",
+    x2: "26.4",
+    y2: "39.2",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement(Stop, {
+    stopColor: "rgb(99,161,255)"
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "1",
+    stopColor: "rgb(0,65,190)"
+  }))));
+}
+export function Love({
+  size = 32
+}) {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: "16",
+    cy: "16",
+    r: "16",
+    fill: "url(#paint0_linear_1709_1738)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M22.4466 10.5836C20.7296 9.07415 18.2009 9.36319 16.6088 11.0332L16.0156 11.6755L15.3912 11.0332C13.8303 9.36319 11.2704 9.07415 9.55338 10.5836C7.58661 12.3179 7.49295 15.401 9.24119 17.2637L15.2976 23.687C15.6722 24.1045 16.3278 24.1045 16.7024 23.687L22.7588 17.2637C24.507 15.401 24.4134 12.3179 22.4466 10.5836Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
+    id: "paint0_linear_1709_1738",
+    x1: "7.2",
+    y1: "7.2",
+    x2: "28",
+    y2: "39.2",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement(Stop, {
+    stopColor: "rgb(238,92,145)"
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "0.833333",
+    stopColor: "rgb(224,34,34)"
+  }))));
+}
+export function Fire({
+  size = 32
+}) {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 33",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: "16",
+    cy: "16.5",
+    r: "16",
+    fill: "url(#paint0_linear_1709_7888)"
+  }), /*#__PURE__*/React.createElement(G, {
+    clipPath: "url(#clip0_1709_7888)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M21.8752 10.2903C21.3417 9.70788 20.5123 8.92173 20.1595 10.6968C20.0395 11.3004 19.7591 11.7656 19.5189 12.1402C19.2599 10.8296 18.4808 9.47308 17.7467 8.55843C17.472 8.21623 16.4973 6.85588 16.3101 4.58008C16.2821 4.24043 15.8787 4.08093 15.6263 4.31003C13.2147 6.49923 11.891 9.51013 11.8419 12.8998C11.8419 12.8998 10.8377 12.0533 10.2921 10.4786C10.1452 10.0546 9.57671 9.97368 9.33006 10.3486C9.28271 10.4206 9.23881 10.4927 9.19921 10.5627C7.33856 13.8527 6.44351 17.848 7.27096 21.565C8.65446 27.7898 17.8062 29.5301 22.6511 25.6177C27.3914 21.7899 25.8846 14.6654 21.8752 10.2903Z",
+    fill: "rgb(237,105,74)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M20.4125 14.8409C20.0185 14.4107 19.4058 13.83 19.1452 15.1411C19.0566 15.5869 18.8495 15.9306 18.6721 16.2073C18.4809 15.2392 17.9054 14.2372 17.3632 13.5617C17.1603 13.3089 16.4404 12.3042 16.302 10.6231C16.2814 10.3722 15.9834 10.2545 15.797 10.4237C14.0158 12.0406 13.038 14.2646 13.0018 16.7682C13.0018 16.7682 12.26 16.143 11.8571 14.9799C11.7486 14.6667 11.3287 14.607 11.1465 14.8839C11.1116 14.9371 11.0791 14.9904 11.0499 15.0421C9.67554 17.4721 9.01444 20.4231 9.62559 23.1686C10.6475 27.7664 17.4071 29.0518 20.9857 26.162C24.4869 23.3347 23.3739 18.0725 20.4125 14.8409Z",
+    fill: "rgb(244,163,44)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M19.077 18.9949C18.8103 18.7037 18.3955 18.3106 18.2191 19.1982C18.1592 19.5 18.0189 19.7326 17.8988 19.9199C17.7693 19.2645 17.3798 18.5863 17.0127 18.129C16.8754 17.9579 16.3881 17.2777 16.2944 16.1398C16.2804 15.9699 16.0787 15.8902 15.9525 16.0048C14.7467 17.0994 14.0849 18.6049 14.0603 20.2996C14.0603 20.2996 13.5582 19.8764 13.2855 19.0891C13.212 18.8771 12.9278 18.8366 12.8045 19.0241C12.7808 19.06 12.7589 19.0961 12.739 19.1311C11.8087 20.7761 11.3612 22.7737 11.7749 24.6323C12.4666 27.7447 17.0425 28.6149 19.4649 26.6586C20.2945 25.9887 20.8088 25.0448 20.9131 24.0006C21.0706 22.4191 20.4619 20.5062 19.077 18.9949Z",
+    fill: "rgb(244,212,78)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M17.838 22.85C17.6894 22.6878 17.4583 22.4688 17.36 22.9632C17.3266 23.1314 17.2485 23.261 17.1816 23.3653C17.1094 23.0002 16.8924 22.6223 16.6879 22.3676C16.6114 22.2722 16.3399 21.8933 16.2877 21.2593C16.2799 21.1647 16.1675 21.1203 16.0972 21.1841C15.4255 21.7939 15.0567 22.6327 15.043 23.5769C15.043 23.5769 14.7633 23.3411 14.6113 22.9024C14.5704 22.7843 14.412 22.7617 14.3434 22.8662C14.3302 22.8863 14.318 22.9064 14.307 22.9259C13.7887 23.8424 13.5393 24.9553 13.7698 25.9907C14.2947 28.3523 18.5971 28.2807 18.861 25.6388C18.9486 24.7577 18.6095 23.6919 17.838 22.85Z",
+    fill: "rgb(234,233,232)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M14.7688 26.4597C14.5383 25.5334 14.7876 24.5379 15.3059 23.7181C15.3169 23.7006 15.3292 23.6827 15.3423 23.6647C15.411 23.5713 15.5694 23.5914 15.6103 23.6971C15.7622 24.0895 16.042 24.3004 16.042 24.3004C16.0532 23.6064 16.3046 22.9764 16.7664 22.4711C16.6631 22.3281 16.3472 21.9833 16.2877 21.2597C16.2799 21.165 16.1675 21.1207 16.0972 21.1844C15.4255 21.7943 15.0567 22.633 15.043 23.5772C15.043 23.5772 14.7633 23.3414 14.6113 22.9028C14.5704 22.7847 14.412 22.7621 14.3434 22.8666C14.3302 22.8867 14.318 22.9068 14.307 22.9263C13.7887 23.8427 13.5393 24.9557 13.7698 25.9911C13.9831 26.9509 14.8594 27.5277 15.8282 27.6669C15.3056 27.4102 14.904 27.0038 14.7688 26.4597Z",
+    fill: "rgb(247,231,161)"
+  })), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
+    id: "paint0_linear_1709_7888",
+    x1: "7.2",
+    y1: "7.7",
+    x2: "24.8",
+    y2: "29.3",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement(Stop, {
+    stopColor: "rgb(255,240,159)"
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "1",
+    stopColor: "rgb(252,207,90)"
+  })), /*#__PURE__*/React.createElement(ClipPath, {
+    id: "clip0_1709_7888"
+  }, /*#__PURE__*/React.createElement(Rect, {
+    width: "25.6",
+    height: "25.6",
+    fill: "white",
+    transform: "translate(3.2002 2.09998)"
+  }))));
+}
+export function Happy({
+  size = 32
+}) {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(G, {
+    clipPath: "url(#clip0_1709_1751)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
+    fill: "rgb(255,213,79)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M27.2933 19.9601C26.9867 20.9334 26.5867 21.8267 26.0667 22.6667H5.93332C5.41332 21.8267 5.01332 20.9334 4.70665 19.9601C4.61332 19.6534 4.66665 19.3334 4.86665 19.0801C5.05332 18.8134 5.34665 18.6667 5.66665 18.6667H26.3333C26.6533 18.6667 26.9467 18.8134 27.1333 19.0801C27.3333 19.3334 27.3867 19.6534 27.2933 19.9601Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M26.0664 22.6667C23.9598 26.1201 20.1864 28.2934 15.9998 28.2934C11.8131 28.2934 8.03977 26.1201 5.93311 22.6667H26.0664Z",
+    fill: "rgb(229,57,53)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M12.3332 13.6668C11.7812 13.6668 11.3332 13.2188 11.3332 12.6668C11.3332 11.9322 10.7358 11.3335 9.99984 11.3335C9.26384 11.3335 8.6665 11.9322 8.6665 12.6668C8.6665 13.2188 8.2185 13.6668 7.6665 13.6668C7.1145 13.6668 6.6665 13.2188 6.6665 12.6668C6.6665 10.8295 8.16117 9.3335 9.99984 9.3335C11.8385 9.3335 13.3332 10.8295 13.3332 12.6668C13.3332 13.2188 12.8852 13.6668 12.3332 13.6668Z",
+    fill: "rgb(109,76,65)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M24.3332 13.6668C23.7812 13.6668 23.3332 13.2188 23.3332 12.6668C23.3332 11.9322 22.7358 11.3335 21.9998 11.3335C21.2638 11.3335 20.6665 11.9322 20.6665 12.6668C20.6665 13.2188 20.2185 13.6668 19.6665 13.6668C19.1145 13.6668 18.6665 13.2188 18.6665 12.6668C18.6665 10.8295 20.1612 9.3335 21.9998 9.3335C23.8385 9.3335 25.3332 10.8295 25.3332 12.6668C25.3332 13.2188 24.8852 13.6668 24.3332 13.6668Z",
+    fill: "rgb(109,76,65)"
+  })), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(ClipPath, {
+    id: "clip0_1709_1751"
+  }, /*#__PURE__*/React.createElement(Rect, {
+    width: "32",
+    height: "32",
+    fill: "white"
+  }))));
+}
+export function Crying({
+  size = 32
+}) {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 33",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(G, {
+    clipPath: "url(#clip0_1709_7904)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M16 32.5C24.8366 32.5 32 25.3366 32 16.5C32 7.66344 24.8366 0.5 16 0.5C7.16344 0.5 0 7.66344 0 16.5C0 25.3366 7.16344 32.5 16 32.5Z",
+    fill: "rgb(255,213,79)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M9.33317 15.1667C10.8059 15.1667 11.9998 13.9728 11.9998 12.5C11.9998 11.0273 10.8059 9.83337 9.33317 9.83337C7.86041 9.83337 6.6665 11.0273 6.6665 12.5C6.6665 13.9728 7.86041 15.1667 9.33317 15.1667Z",
+    fill: "rgb(109,76,65)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M22.6667 15.1667C24.1394 15.1667 25.3333 13.9728 25.3333 12.5C25.3333 11.0273 24.1394 9.83337 22.6667 9.83337C21.1939 9.83337 20 11.0273 20 12.5C20 13.9728 21.1939 15.1667 22.6667 15.1667Z",
+    fill: "rgb(109,76,65)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M21.0248 27.3372C20.674 27.3372 20.3232 27.2038 20.0564 26.9352C17.8894 24.7682 14.1108 24.7682 11.9456 26.9352C11.4103 27.4705 10.5423 27.4705 10.007 26.9352C9.47163 26.4016 9.47163 25.5319 10.007 24.9966C11.6076 23.396 13.7362 22.5153 16.0001 22.5153C18.264 22.5153 20.3926 23.396 21.9932 24.9984C22.5286 25.5337 22.5286 26.4016 21.9932 26.937C21.7264 27.2038 21.3756 27.3372 21.0248 27.3372Z",
+    fill: "rgb(109,76,65)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M24.8228 16.5987C24.4495 16.0587 23.5508 16.0587 23.1775 16.5987C22.6228 17.4014 21.3335 19.3881 21.3335 20.5001C21.3335 21.9707 22.5295 23.1667 24.0002 23.1667C25.4708 23.1667 26.6668 21.9707 26.6668 20.5001C26.6668 19.3881 25.3775 17.4014 24.8228 16.5987Z",
+    fill: "rgb(0,188,212)"
+  })), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(ClipPath, {
+    id: "clip0_1709_7904"
+  }, /*#__PURE__*/React.createElement(Rect, {
+    width: "32",
+    height: "32",
+    fill: "white",
+    transform: "translate(0 0.5)"
+  }))));
+}
+export function FallbackReaction({
+  size = 29
+}) {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 29 29",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(G, {
+    clipPath: "url(#clip0_11524_17520)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M14.4004 0.5C22.077 0.500211 28.2998 6.72376 28.2998 14.4004C28.2996 22.0768 22.0768 28.2996 14.4004 28.2998C6.72376 28.2998 0.500211 22.077 0.5 14.4004C0.5 6.72363 6.72363 0.5 14.4004 0.5Z",
+    fill: "rgb(235,236,239)",
+    stroke: "rgb(165,169,181)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M12.3999 9.3999C11.8374 9.3999 11.3999 9.86865 11.3999 10.3999C11.3999 10.9624 10.9312 11.3999 10.3999 11.3999C9.8374 11.3999 9.3999 10.9624 9.3999 10.3999C9.3999 8.74365 10.7437 7.3999 12.3999 7.3999H15.4312C17.6187 7.3999 19.3999 9.18115 19.3999 11.3687C19.3999 13.0249 18.3687 14.4937 16.8687 15.0874L14.8999 15.8374V16.3999C14.8999 16.9624 14.4312 17.3999 13.8999 17.3999C13.3374 17.3999 12.8999 16.9624 12.8999 16.3999V15.8374C12.8999 15.0249 13.3999 14.2749 14.1499 13.9937L16.1187 13.2124C16.8999 12.9312 17.3999 12.1812 17.3999 11.3687C17.3999 10.3062 16.4937 9.3999 15.4312 9.3999H12.3999ZM13.8999 21.3999C13.1812 21.3999 12.6499 20.8687 12.6499 20.1499C12.6499 19.4624 13.1812 18.8999 13.8999 18.8999C14.5874 18.8999 15.1499 19.4624 15.1499 20.1499C15.1499 20.8687 14.5874 21.3999 13.8999 21.3999Z",
+    fill: "rgb(165,169,181)"
+  })), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(ClipPath, {
+    id: "clip0_11524_17520"
+  }, /*#__PURE__*/React.createElement(Rect, {
+    width: "28.8",
+    height: "28.8",
+    fill: "white"
+  }))));
+}
+
+// SmilePlus — the reactor-sheet empty-state glyph. Web fills with `currentColor`
+// (tinted by the emptystate icon token); RN takes an explicit resolved colour.
+export function SmilePlus({
+  size = 48,
+  color = 'rgb(235,236,239)'
+}) {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M19 4C19.4062 4 19.75 4.34375 19.75 4.75V6.25H21.25C21.6562 6.25 22 6.59375 22 7C22 7.4375 21.6562 7.75 21.25 7.75H19.75V9.25C19.75 9.6875 19.4062 10 19 10C18.5625 10 18.25 9.6875 18.25 9.25V7.75H16.75C16.3125 7.75 16 7.4375 16 7C16 6.59375 16.3125 6.25 16.75 6.25H18.25V4.75C18.25 4.34375 18.5625 4 19 4ZM5.5 11.5C5.5 10.9688 5.9375 10.5 6.5 10.5C7.0625 10.5 7.5 10.9688 7.5 11.5C7.5 12.0625 7.0625 12.5 6.5 12.5C5.9375 12.5 5.5 12.0625 5.5 11.5ZM12.5 11.5C12.5 12.0625 12.0625 12.5 11.5 12.5C10.9375 12.5 10.5 12.0625 10.5 11.5C10.5 10.9688 10.9375 10.5 11.5 10.5C12.0625 10.5 12.5 10.9688 12.5 11.5ZM9 15.5C9.96875 15.5 10.8125 15.0938 11.4375 14.4062C11.6875 14.0938 12.1562 14.0625 12.4688 14.3438C12.7812 14.625 12.8125 15.0938 12.5312 15.4062C11.6875 16.4062 10.4062 17 9 17C7.5625 17 6.28125 16.4062 5.4375 15.4062C5.15625 15.0938 5.1875 14.625 5.5 14.3438C5.8125 14.0625 6.28125 14.0938 6.53125 14.4062C7.15625 15.0938 8 15.5 9 15.5ZM16 13C16 16.875 12.8438 20 9 20C5.125 20 2 16.875 2 13C2 9.15625 5.125 6 9 6C12.8438 6 16 9.15625 16 13ZM9 7.5C5.9375 7.5 3.5 9.96875 3.5 13C3.5 16.0625 5.9375 18.5 9 18.5C12.0312 18.5 14.5 16.0625 14.5 13C14.5 9.96875 12.0312 7.5 9 7.5Z",
+    fill: color
+  }));
+}
+
+// 4. Name → glyph map (verbatim from web v4/chat/utils/reactionIcons.ts) -------
+export const REACTION_ICON_MAP = {
+  like: Like,
+  love: Love,
+  fire: Fire,
+  happy: Happy,
+  sad: Crying
+};
+
+// Default message-reaction set + order (from amity-uikit-config.json
+// `message_reactions`). Web derives this from CustomReactionProvider/config; RN
+// has no runtime accessor for the top-level `message_reactions` key, so the
+// picker falls back to this list (overridable via a prop).
+export const DEFAULT_MESSAGE_REACTIONS = ['like', 'love', 'fire', 'happy', 'sad'];
+
+// Renders the glyph for a reaction name, falling back to FallbackReaction — the
+// RN equivalent of web's `REACTION_ICON_MAP[name] ?? FallbackReaction`.
+export function ReactionGlyph({
+  name,
+  size
+}) {
+  const Glyph = REACTION_ICON_MAP[name] ?? FallbackReaction;
+  return /*#__PURE__*/React.createElement(Glyph, {
+    size: size
+  });
+}
+//# sourceMappingURL=reactionIcons.js.map

package/lib/module/social/features/chat/features/shared/utils/reactionIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Circle","ClipPath","Defs","G","LinearGradient","Path","Rect","Stop","Like","size","React","createElement","width","height","viewBox","fill","cx","cy","r","d","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","Love","Fire","clipPath","transform","Happy","Crying","FallbackReaction","stroke","SmilePlus","color","REACTION_ICON_MAP","like","love","fire","happy","sad","DEFAULT_MESSAGE_REACTIONS","ReactionGlyph","name","Glyph"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/utils/reactionIcons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/hooks/collections/index.js

@@ -0,0 +1,8 @@
+export * from './useChannelsCollection';
+export * from './useChannelsByIdsCollection';
+export * from './useArchivedChannelsCollection';
+export * from './useChannelMembersCollection';
+export * from './useMessagesCollection';
+export * from './useSearchChannelsCollection';
+export * from './useMessageSearchCollection';
+//# sourceMappingURL=index.js.map

package/lib/module/social/features/chat/hooks/collections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/hooks/collections/index.ts"],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,8BAA8B;AAC5C,cAAc,iCAAiC;AAC/C,cAAc,+BAA+B;AAC7C,cAAc,yBAAyB;AACvC,cAAc,+BAA+B;AAC7C,cAAc,8BAA8B","ignoreList":[]}

package/lib/module/social/features/chat/hooks/collections/useArchivedChannelsCollection.js

@@ -0,0 +1,67 @@
+// useArchivedChannelsCollection — ported from AmityUiKitWeb
+// v4/chat/hooks/collections/useArchivedChannelsCollection.
+// Subscribes to the SDK's archived-channel live collection and exposes it as
+// React state.
+//
+// Web wraps a shared `useLiveCollectionV4`; here we mirror the RN
+// `useChannelsCollection` shape and call `ChannelRepository.getArchivedChannels`
+// directly — it's a live collection whose callback delivers
+// `{ data, loading, hasNextPage, onNextPage }`. We keep the latest `onNextPage`
+// in a ref so `loadMore()` stays stable, gate the subscription on a connected
+// client, and re-subscribe when `limit` changes, returning the unsubscriber for
+// cleanup. Per the SDK, the archive collection honours only `limit`.
+
+import { useEffect, useRef, useState } from 'react';
+import { ChannelRepository } from '@amityco/ts-sdk-react-native';
+import useAuth from '../../../../../core/hooks/useAuth';
+const DEFAULT_LIMIT = 20;
+export function useArchivedChannelsCollection(params = {}) {
+  const {
+    limit = DEFAULT_LIMIT
+  } = params;
+  const [channels, setChannels] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [hasNextPage, setHasNextPage] = useState(false);
+  const onNextPageRef = useRef(undefined);
+
+  // ChannelRepository needs a connected client — calling getArchivedChannels
+  // before the session is 'established' throws. Gate the subscription on it.
+  const {
+    isConnected
+  } = useAuth();
+  useEffect(() => {
+    if (!isConnected) {
+      setLoading(true);
+      return undefined;
+    }
+    setLoading(true);
+    const queryParams = {
+      limit
+    };
+    const unsub = ChannelRepository.getArchivedChannels(queryParams, ({
+      data,
+      loading: isLoading,
+      hasNextPage: nextPage,
+      onNextPage
+    }) => {
+      setChannels(data);
+      setLoading(isLoading);
+      setHasNextPage(Boolean(nextPage));
+      onNextPageRef.current = onNextPage;
+    });
+    return () => {
+      unsub();
+    };
+  }, [isConnected, limit]);
+  function loadMore() {
+    var _onNextPageRef$curren;
+    (_onNextPageRef$curren = onNextPageRef.current) === null || _onNextPageRef$curren === void 0 || _onNextPageRef$curren.call(onNextPageRef);
+  }
+  return {
+    channels,
+    loading,
+    hasNextPage,
+    loadMore
+  };
+}
+//# sourceMappingURL=useArchivedChannelsCollection.js.map

package/lib/module/social/features/chat/hooks/collections/useArchivedChannelsCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","ChannelRepository","useAuth","DEFAULT_LIMIT","useArchivedChannelsCollection","params","limit","channels","setChannels","loading","setLoading","hasNextPage","setHasNextPage","onNextPageRef","undefined","isConnected","queryParams","unsub","getArchivedChannels","data","isLoading","nextPage","onNextPage","Boolean","current","loadMore","_onNextPageRef$curren","call"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/hooks/collections/useArchivedChannelsCollection.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,OAAOC,OAAO,MAAM,mCAAmC;AAWvD,MAAMC,aAAa,GAAG,EAAE;AAExB,OAAO,SAASC,6BAA6BA,CAC3CC,MAAc,GAAG,CAAC,CAAC,EACkB;EACrC,MAAM;IAAEC,KAAK,GAAGH;EAAc,CAAC,GAAGE,MAAM;EAExC,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGR,QAAQ,CAAkB,EAAE,CAAC;EAC7D,MAAM,CAACS,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAM,CAACW,WAAW,EAAEC,cAAc,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAMa,aAAa,GAAGd,MAAM,CAA2Be,SAAS,CAAC;;EAEjE;EACA;EACA,MAAM;IAAEC;EAAY,CAAC,GAAGb,OAAO,CAAC,CAAC;EAEjCJ,SAAS,CAAC,MAAM;IACd,IAAI,CAACiB,WAAW,EAAE;MAChBL,UAAU,CAAC,IAAI,CAAC;MAChB,OAAOI,SAAS;IAClB;IACAJ,UAAU,CAAC,IAAI,CAAC;IAEhB,MAAMM,WAAmB,GAAG;MAAEV;IAAM,CAAC;IAErC,MAAMW,KAAK,GAAGhB,iBAAiB,CAACiB,mBAAmB,CACjDF,WAAW,EACX,CAAC;MAAEG,IAAI;MAAEV,OAAO,EAAEW,SAAS;MAAET,WAAW,EAAEU,QAAQ;MAAEC;IAAW,CAAC,KAAK;MACnEd,WAAW,CAACW,IAAI,CAAC;MACjBT,UAAU,CAACU,SAAS,CAAC;MACrBR,cAAc,CAACW,OAAO,CAACF,QAAQ,CAAC,CAAC;MACjCR,aAAa,CAACW,OAAO,GAAGF,UAAU;IACpC,CACF,CAAC;IAED,OAAO,MAAM;MACXL,KAAK,CAAC,CAAC;IACT,CAAC;EACH,CAAC,EAAE,CAACF,WAAW,EAAET,KAAK,CAAC,CAAC;EAExB,SAASmB,QAAQA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IAClB,CAAAA,qBAAA,GAAAb,aAAa,CAACW,OAAO,cAAAE,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAd,aAAwB,CAAC;EAC3B;EAEA,OAAO;IAAEN,QAAQ;IAAEE,OAAO;IAAEE,WAAW;IAAEc;EAAS,CAAC;AACrD","ignoreList":[]}

package/lib/module/social/features/chat/hooks/collections/useChannelMembersCollection.js

@@ -0,0 +1,85 @@
+// useChannelMembersCollection — ported from AmityUiKitWeb
+// v4/chat/hooks/collections/useChannelMembersCollection.
+//
+// Web wraps a shared `useLiveCollectionV4` around
+// `ChannelRepository.Membership.getMembers`; RN subscribes to that live
+// collection directly, following the sibling `useChannelsCollection` pattern:
+// mirror the callback into React state, keep the latest `onNextPage` in a ref so
+// `loadMore()` stays stable, and gate on `useAuth().isConnected` (the SDK needs a
+// connected client). The effect keys on stable joined strings of the array
+// params (`memberships`, `roles`) so it does not resubscribe every render.
+
+import { useEffect, useRef, useState } from 'react';
+import { ChannelRepository } from '@amityco/ts-sdk-react-native';
+import useAuth from '../../../../../core/hooks/useAuth';
+const DEFAULT_LIMIT = 20;
+export function useChannelMembersCollection({
+  channelId,
+  memberships,
+  roles,
+  search,
+  limit = DEFAULT_LIMIT
+}) {
+  const [members, setMembers] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isLoadingFirstPage, setIsLoadingFirstPage] = useState(true);
+  const [hasMore, setHasMore] = useState(false);
+  const onNextPageRef = useRef(undefined);
+  const {
+    isConnected
+  } = useAuth();
+
+  // Arrays are keyed on a stable string rather than identity to avoid a
+  // resubscribe on every render (mirrors useChannelsCollection's `typesKey`).
+  const membershipsKey = (memberships === null || memberships === void 0 ? void 0 : memberships.join(',')) ?? '';
+  const rolesKey = (roles === null || roles === void 0 ? void 0 : roles.join(',')) ?? '';
+  useEffect(() => {
+    if (!isConnected || !channelId) {
+      setIsLoading(true);
+      setIsLoadingFirstPage(true);
+      return undefined;
+    }
+    setIsLoading(true);
+    setIsLoadingFirstPage(true);
+    const params = {
+      channelId,
+      limit,
+      ...(memberships ? {
+        memberships
+      } : {}),
+      ...(roles ? {
+        roles
+      } : {}),
+      ...(search ? {
+        search
+      } : {})
+    };
+    const unsub = ChannelRepository.Membership.getMembers(params, ({
+      data,
+      loading,
+      hasNextPage,
+      onNextPage
+    }) => {
+      setMembers(data);
+      setIsLoading(loading);
+      if (!loading) setIsLoadingFirstPage(false);
+      setHasMore(Boolean(hasNextPage));
+      onNextPageRef.current = onNextPage;
+    });
+    return () => {
+      unsub();
+    };
+  }, [isConnected, channelId, membershipsKey, rolesKey, search, limit]);
+  function loadMore() {
+    var _onNextPageRef$curren;
+    (_onNextPageRef$curren = onNextPageRef.current) === null || _onNextPageRef$curren === void 0 || _onNextPageRef$curren.call(onNextPageRef);
+  }
+  return {
+    members,
+    isLoadingFirstPage,
+    isLoading,
+    hasMore,
+    loadMore
+  };
+}
+//# sourceMappingURL=useChannelMembersCollection.js.map

package/lib/module/social/features/chat/hooks/collections/useChannelMembersCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","ChannelRepository","useAuth","DEFAULT_LIMIT","useChannelMembersCollection","channelId","memberships","roles","search","limit","members","setMembers","isLoading","setIsLoading","isLoadingFirstPage","setIsLoadingFirstPage","hasMore","setHasMore","onNextPageRef","undefined","isConnected","membershipsKey","join","rolesKey","params","unsub","Membership","getMembers","data","loading","hasNextPage","onNextPage","Boolean","current","loadMore","_onNextPageRef$curren","call"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/hooks/collections/useChannelMembersCollection.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,OAAOC,OAAO,MAAM,mCAAmC;AAoBvD,MAAMC,aAAa,GAAG,EAAE;AAExB,OAAO,SAASC,2BAA2BA,CAAC;EAC1CC,SAAS;EACTC,WAAW;EACXC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAGN;AACyB,CAAC,EAAqC;EACvE,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGX,QAAQ,CAAe,EAAE,CAAC;EACxD,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAM,CAACc,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGf,QAAQ,CAAC,IAAI,CAAC;EAClE,MAAM,CAACgB,OAAO,EAAEC,UAAU,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMkB,aAAa,GAAGnB,MAAM,CAA2BoB,SAAS,CAAC;EAEjE,MAAM;IAAEC;EAAY,CAAC,GAAGlB,OAAO,CAAC,CAAC;;EAEjC;EACA;EACA,MAAMmB,cAAc,GAAG,CAAAf,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEgB,IAAI,CAAC,GAAG,CAAC,KAAI,EAAE;EACnD,MAAMC,QAAQ,GAAG,CAAAhB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEe,IAAI,CAAC,GAAG,CAAC,KAAI,EAAE;EAEvCxB,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,WAAW,IAAI,CAACf,SAAS,EAAE;MAC9BQ,YAAY,CAAC,IAAI,CAAC;MAClBE,qBAAqB,CAAC,IAAI,CAAC;MAC3B,OAAOI,SAAS;IAClB;IACAN,YAAY,CAAC,IAAI,CAAC;IAClBE,qBAAqB,CAAC,IAAI,CAAC;IAE3B,MAAMS,MAA0C,GAAG;MACjDnB,SAAS;MACTI,KAAK;MACL,IAAIH,WAAW,GAAG;QAAEA;MAAY,CAAC,GAAG,CAAC,CAAC,CAAC;MACvC,IAAIC,KAAK,GAAG;QAAEA;MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;MAC3B,IAAIC,MAAM,GAAG;QAAEA;MAAO,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,MAAMiB,KAAK,GAAGxB,iBAAiB,CAACyB,UAAU,CAACC,UAAU,CACnDH,MAAM,EACN,CAAC;MAAEI,IAAI;MAAEC,OAAO;MAAEC,WAAW;MAAEC;IAAW,CAAC,KAAK;MAC9CpB,UAAU,CAACiB,IAAI,CAAC;MAChBf,YAAY,CAACgB,OAAO,CAAC;MACrB,IAAI,CAACA,OAAO,EAAEd,qBAAqB,CAAC,KAAK,CAAC;MAC1CE,UAAU,CAACe,OAAO,CAACF,WAAW,CAAC,CAAC;MAChCZ,aAAa,CAACe,OAAO,GAAGF,UAAU;IACpC,CACF,CAAC;IAED,OAAO,MAAM;MACXN,KAAK,CAAC,CAAC;IACT,CAAC;EACH,CAAC,EAAE,CAACL,WAAW,EAAEf,SAAS,EAAEgB,cAAc,EAAEE,QAAQ,EAAEf,MAAM,EAAEC,KAAK,CAAC,CAAC;EAErE,SAASyB,QAAQA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IAClB,CAAAA,qBAAA,GAAAjB,aAAa,CAACe,OAAO,cAAAE,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAlB,aAAwB,CAAC;EAC3B;EAEA,OAAO;IAAER,OAAO;IAAEI,kBAAkB;IAAEF,SAAS;IAAEI,OAAO;IAAEkB;EAAS,CAAC;AACtE","ignoreList":[]}