@sendbird/ai-agent-messenger-react-native 1.3.0 → 1.3.1

package/dist/index.d.ts

@@ -895,7 +895,7 @@ declare type CSATSubmitParams = {
     resolutionScore?: number;
 };
 
-declare interface CustomMessageTemplateData {
+export declare interface CustomMessageTemplateData {
     id: string;
     response: {
         status: number;
@@ -929,7 +929,7 @@ declare type ExpoImagePickerModule = typeof ExpoImagePicker;
 /**
  * For better understanding: https://sendbird.atlassian.net/wiki/spaces/AA/pages/3075014695/Extended+Message+Payload+Spec
  */
-declare interface ExtendedMessagePayload {
+export declare interface ExtendedMessagePayload {
     is_thinking: boolean;
     cta_button: {
         label: string;

package/dist/index.js

@@ -2,8 +2,8 @@ var wr = Object.defineProperty;
 var xr = (e, t, n) => t in e ? wr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var U = (e, t, n) => xr(e, typeof t != "symbol" ? t + "" : t, n);
 import * as s from "react";
-import { createContext as Gt, useContext as Ne, useLayoutEffect as Ce, useState as S, useEffect as M, useRef as F, useCallback as w, useMemo as K, forwardRef as st, useImperativeHandle as Ir, useId as qt, useReducer as Tr, memo as Ue, isValidElement as kr, Fragment as Mr, Children as Lr } from "react";
-import { StyleSheet as J, View as we, Animated as R, Image as We, Modal as Pr, I18nManager as Fe, Text as xt, TouchableOpacity as Dr, Pressable as jt, PanResponder as Rr, Easing as pe, FlatList as Or, Linking as ye, useWindowDimensions as Br, ScrollView as Un, KeyboardAvoidingView as Wn, TextInput as Yt, Platform as re, Alert as ke, Keyboard as ot, BackHandler as Nr } from "react-native";
+import { createContext as Gt, useContext as Ne, useLayoutEffect as Ee, useState as S, useEffect as M, useRef as F, useCallback as w, useMemo as K, forwardRef as st, useImperativeHandle as Ir, useId as qt, useReducer as Tr, memo as Ue, isValidElement as kr, Fragment as Mr, Children as Lr } from "react";
+import { StyleSheet as J, View as we, Animated as R, Image as We, Modal as Pr, I18nManager as Fe, Text as xt, TouchableOpacity as Dr, Pressable as jt, PanResponder as Rr, Easing as pe, FlatList as Or, Linking as ye, useWindowDimensions as Br, ScrollView as Un, KeyboardAvoidingView as Wn, TextInput as Yt, Platform as re, Alert as Te, Keyboard as ot, BackHandler as Nr } from "react-native";
 import { useSafeAreaInsets as at, SafeAreaProvider as Hr, SafeAreaInsetsContext as Vn } from "react-native-safe-area-context";
 import zr, { SendbirdChatOptions as Fr, SendbirdProduct as $r, DeviceOsPlatform as He, SendbirdPlatform as Gn, SessionHandler as Ur, ConnectionHandler as it, SendbirdError as Wr, LogLevel as Vr } from "@sendbird/chat";
 import { ConversationStatus as ee, AIAgentModule as Gr, AIAgentMessageFeedbackRating as bn } from "@sendbird/chat/aiAgent";
@@ -55,7 +55,7 @@ function ue(e) {
   }
   function r({ template: a, children: i }) {
     const { updateTemplate: l } = Ne(t);
-    return Ce(() => {
+    return Ee(() => {
       a && l(a);
     }, [a]), /* @__PURE__ */ s.createElement(s.Fragment, null, i);
   }
@@ -67,7 +67,7 @@ function ue(e) {
       component: l
     }) {
       const { updateComponent: c } = Ne(t);
-      return Ce(() => {
+      return Ee(() => {
         l && c(a, l);
       }, [l]), null;
     };
@@ -85,7 +85,7 @@ const xe = (e) => {
   var t, n;
   return !!(e != null && e.isAIAgent && ((t = e == null ? void 0 : e.conversation) == null ? void 0 : t.status) === ee.OPEN || e != null && e.isDesk && ((n = e == null ? void 0 : e.helpdeskInfo) == null ? void 0 : n.ticketStatus) === "open");
 };
-function Le(e) {
+function Me(e) {
   var n, r, o;
   return typeof (((n = e == null ? void 0 : e.conversation) == null ? void 0 : n.handedOverAt) ?? ((o = (r = e == null ? void 0 : e.conversation) == null ? void 0 : r.handoff) == null ? void 0 : o.timestamp)) == "number";
 }
@@ -155,7 +155,7 @@ function Co(e, t, n) {
   const r = /* @__PURE__ */ new Date(), o = new Date(((i = e.lastMessage) == null ? void 0 : i.createdAt) || e.createdAt), a = jr(r, o);
   return a < 1 ? n.justNow : a < 60 ? n.minutesAgo(a) : Yr(o) ? n.hoursAgo(Kr(r, o)) : t(o, n.dateShortFormat);
 }
-const Te = "sb-agent", Kn = "KEY_IMG_ASPECT_RATIO", Xn = "*/*", k = {
+const Ie = "sb-agent", Kn = "KEY_IMG_ASPECT_RATIO", Xn = "*/*", k = {
   BODY_MAX_WIDTH: 244,
   AVATAR_SIZE: 26,
   BODY_TIME_GAP: 4,
@@ -271,7 +271,7 @@ const Sn = (e) => {
     var t;
     return !!((t = e.extendedMessagePayload) != null && t.feedback);
   }
-}, ut = `@${Te}`, An = ({ appId: e, aiAgentId: t, storage: n }) => {
+}, ut = `@${Ie}`, An = ({ appId: e, aiAgentId: t, storage: n }) => {
   const r = {
     templateBase: `${ut}-template`,
     template: (o) => `${r.templateBase}/templates/${o}`,
@@ -372,19 +372,19 @@ class Qn {
     this.level = t;
   }
   verbose(...t) {
-    this.level <= 0 && console.log(`[${Te}/verbose]`, ...t);
+    this.level <= 0 && console.log(`[${Ie}/verbose]`, ...t);
   }
   debug(...t) {
-    this.level <= 1 && console.log(`[${Te}/debug]`, ...t);
+    this.level <= 1 && console.log(`[${Ie}/debug]`, ...t);
   }
   info(...t) {
-    this.level <= 2 && console.log(`[${Te}/info]`, ...t);
+    this.level <= 2 && console.log(`[${Ie}/info]`, ...t);
   }
   warn(...t) {
-    this.level <= 3 && console.warn(`[${Te}/warn]`, ...t);
+    this.level <= 3 && console.warn(`[${Ie}/warn]`, ...t);
   }
   error(...t) {
-    this.level <= 4 && console.error(`[${Te}/error]`, ...t);
+    this.level <= 4 && console.error(`[${Ie}/error]`, ...t);
   }
 }
 function wn(e, t, n, r) {
@@ -407,7 +407,7 @@ function Bo(e) {
   };
   typeof e.groupChannel != "object" && t("GroupChannelModule"), typeof e.aiAgent != "object" && t("AIAgentModule");
 }
-const ve = {
+const be = {
   conversation: {
     isTalkToAgentViewEnabled: !0,
     scrollMode: "auto",
@@ -432,33 +432,33 @@ const ve = {
 }, No = (e) => {
   var t, n, r, o, a, i, l, c, u, m, g, d, p, _;
   return e ? {
-    ...ve,
+    ...be,
     ...e,
     conversation: {
-      ...ve.conversation,
+      ...be.conversation,
       ...e == null ? void 0 : e.conversation,
       header: {
-        ...(t = ve.conversation) == null ? void 0 : t.header,
+        ...(t = be.conversation) == null ? void 0 : t.header,
         ...(n = e == null ? void 0 : e.conversation) == null ? void 0 : n.header
       },
       input: {
-        ...(r = ve.conversation) == null ? void 0 : r.input,
+        ...(r = be.conversation) == null ? void 0 : r.input,
         ...(o = e == null ? void 0 : e.conversation) == null ? void 0 : o.input,
         camera: {
-          ...(i = (a = ve.conversation) == null ? void 0 : a.input) == null ? void 0 : i.camera,
+          ...(i = (a = be.conversation) == null ? void 0 : a.input) == null ? void 0 : i.camera,
           ...(c = (l = e == null ? void 0 : e.conversation) == null ? void 0 : l.input) == null ? void 0 : c.camera
         },
         gallery: {
-          ...(m = (u = ve.conversation) == null ? void 0 : u.input) == null ? void 0 : m.gallery,
+          ...(m = (u = be.conversation) == null ? void 0 : u.input) == null ? void 0 : m.gallery,
           ...(d = (g = e == null ? void 0 : e.conversation) == null ? void 0 : g.input) == null ? void 0 : d.gallery
         }
       },
       fileViewer: {
-        ...(p = ve.conversation) == null ? void 0 : p.fileViewer,
+        ...(p = be.conversation) == null ? void 0 : p.fileViewer,
         ...(_ = e == null ? void 0 : e.conversation) == null ? void 0 : _.fileViewer
       }
     }
-  } : ve;
+  } : be;
 }, {
   Provider: Ho,
   useContext: Z
@@ -842,7 +842,7 @@ const Tn = 25 * 1024 * 1024, ts = {
     });
   }, []), r = w(
     (o) => {
-      const { channel: a, uploadSizeLimit: i = Tn } = o, l = (u = !0) => a != null && a.isAIAgent ? u ? Le(a) : !1 : !0, c = (u) => {
+      const { channel: a, uploadSizeLimit: i = Tn } = o, l = (u = !0) => a != null && a.isAIAgent ? u ? Me(a) : !1 : !0, c = (u) => {
         if (l())
           return e.defaultUploadSizeLimit ?? i;
         const m = e.defaultUploadSizeLimit ?? i, g = e.uploadSizeLimitPerType.get(u) ?? m;
@@ -859,7 +859,7 @@ const Tn = 25 * 1024 * 1024, ts = {
             case "always":
               return !0;
             case "handed_off_only":
-              return Le(a);
+              return Me(a);
             default:
               return !0;
           }
@@ -1259,7 +1259,7 @@ const us = (e) => JSON.parse(e), ds = () => {
     aiAgentUserId: (r == null ? void 0 : r.userId) ?? "",
     isStreamAnimating: n
   }), l = Es({
-    shouldApply: !!(e != null && e.isAIAgent) && !Le(e),
+    shouldApply: !!(e != null && e.isAIAgent) && !Me(e),
     isDisabledWhileAIResponding: i,
     lastMessage: Cn(t, [tt.PENDING, tt.SUCCEEDED]),
     currentUserId: (o == null ? void 0 : o.userId) ?? ""
@@ -1867,7 +1867,7 @@ const Rs = "remove_powered_by", Zt = (e, t) => {
       return { fallbackIcon: a, url: e == null ? void 0 : e.coverUrl, title: (e == null ? void 0 : e.name) ?? "" };
     }
   };
-  return e.isAIAgent ? Le(e) ? o.human("agent") : o.ai("delight") : e.isDesk ? o.human("agent") : o.channel("user");
+  return e.isAIAgent ? Me(e) ? o.human("agent") : o.ai("delight") : e.isDesk ? o.human("agent") : o.channel("user");
 }, Pt = (e) => Tr((t, n) => ({ ...t, ...n }), e);
 var fe = /* @__PURE__ */ ((e) => (e.AI_AGENT_CSAT_5 = "AI_AGENT_CSAT_5", e.AI_AGENT_CSAT_5_WITH_CRE = "AI_AGENT_CSAT_5_WITH_CRE", e.HELPDESK_CSAT_5 = "HELPDESK_CSAT_5", e))(fe || {});
 const Os = /* @__PURE__ */ new Set(["free_text", "single_choice"]), Bs = ({ csatPayload: e, type: t, initialCsat: n, initialCsatReason: r, initialIsResolved: o }) => {
@@ -1929,9 +1929,9 @@ const Os = /* @__PURE__ */ new Set(["free_text", "single_choice"]), Bs = ({ csat
     textLength: t.length,
     enabled: n
   }).current, p = n, _ = i < t.length, v = d.initialEnabled && (p || _);
-  return Ce(() => {
+  return Ee(() => {
     m.onStart = r, m.onProgress = o, m.onComplete = a, d.textLength = t.length, d.enabled = n;
-  }), Ce(() => {
+  }), Ee(() => {
     var h;
     d.initialEnabled && (g.startCalled || (g.startCalled = !0, (h = m.onStart) == null || h.call(m)), l((y) => t.length < y ? t.length : y));
   }, [t]), M(() => {
@@ -3246,7 +3246,7 @@ const D = {
     top: "paddingTop",
     bottom: "paddingBottom"
   }
-}, De = (e, t = Fe.isRTL ? "rtl" : "ltr") => {
+}, Pe = (e, t = Fe.isRTL ? "rtl" : "ltr") => {
   const n = at();
   return e.reduce(
     (r, o) => {
@@ -3437,7 +3437,7 @@ const Ya = ({
   const o = ur.use(), { themedColor: a } = V();
   return /* @__PURE__ */ s.createElement(O, { onPress: r, style: o.actionItem, activeOpacity: 0.75 }, e && /* @__PURE__ */ s.createElement(B, { type: e, size: 24, color: a.primary }), /* @__PURE__ */ s.createElement(T, { variant: "body3", color: n ? a.error : a.textHighEmphasis, numberOfLines: 1 }, t));
 }, Ka = ({ onClose: e, children: t }) => {
-  const n = ur.use(), { translateY: r, panHandlers: o, wrapWithAnimation: a } = cr(), i = De(["left", "right"]);
+  const n = ur.use(), { translateY: r, panHandlers: o, wrapWithAnimation: a } = cr(), i = Pe(["left", "right"]);
   return /* @__PURE__ */ s.createElement(O, { onPress: a(e), style: n.overlay }, /* @__PURE__ */ s.createElement(f.Animated, { style: [n.container, i, { transform: [{ translateY: r }] }], ...o }, t));
 }, nn = ue({
   template: Ka,
@@ -3578,7 +3578,7 @@ const ur = D.create(({ theme: e, edgeInsets: t }) => ({
     NoChannels: oi,
     NoMessages: si
   }
-}), Me = (e) => {
+}), ke = (e) => {
   const { Template: t } = on.useContext();
   return /* @__PURE__ */ s.createElement(t, { ...e });
 }, ii = ({ style: e, onPress: t }) => {
@@ -3671,13 +3671,13 @@ const ur = D.create(({ theme: e, edgeInsets: t }) => ({
     type: Kt(e.name, e.type),
     onPress: n ? () => n == null ? void 0 : n(e) : void 0
   }
-), t), Pe = ({ style: e, ...t }) => /* @__PURE__ */ s.createElement(We, { style: [e, t], ...t }), mi = ({
+), t), Le = ({ style: e, ...t }) => /* @__PURE__ */ s.createElement(We, { style: [e, t], ...t }), mi = ({
   file: e,
   onClickMedia: t = ({ url: r }) => ye.openURL(r),
   children: n
 }) => {
   const r = gi.use();
-  return /* @__PURE__ */ s.createElement(f, { gap: k.GAP_GROUPED }, /* @__PURE__ */ s.createElement(O, { style: r.mediaContainer, onPress: () => t == null ? void 0 : t(e) }, /* @__PURE__ */ s.createElement(Pe, { source: { uri: e.url }, style: r.media, resizeMode: "cover" })), n);
+  return /* @__PURE__ */ s.createElement(f, { gap: k.GAP_GROUPED }, /* @__PURE__ */ s.createElement(O, { style: r.mediaContainer, onPress: () => t == null ? void 0 : t(e) }, /* @__PURE__ */ s.createElement(Le, { source: { uri: e.url }, style: r.media, resizeMode: "cover" })), n);
 }, gi = D.create(({ select: e, theme: t }) => ({
   mediaContainer: {
     width: k.BODY_MAX_WIDTH,
@@ -3740,7 +3740,7 @@ const ur = D.create(({ theme: e, edgeInsets: t }) => ({
   }
 }), hr = Ue(({ src: e, onPress: t }) => {
   const [n, r] = S("1/1"), [o, a] = S(!1), i = hi.use();
-  return Ce(() => {
+  return Ee(() => {
     e && ar(e).then(({ width: l, height: c }) => r(`${l}/${c}`));
   }, [e]), /* @__PURE__ */ s.createElement(jt, { style: { marginTop: 8 }, onPress: t }, /* @__PURE__ */ s.createElement(f, { style: [i.container, { aspectRatio: n }] }, o ? /* @__PURE__ */ s.createElement(B, { size: 28, type: "thumbnail-none", color: (l) => l.textHighEmphasisInverse }) : /* @__PURE__ */ s.createElement(We, { source: { uri: e }, style: J.absoluteFillObject, onError: () => a(!0) })));
 }), hi = D.create(({ themedColor: e }) => ({
@@ -4582,7 +4582,7 @@ const Ui = ({
       return () => r(e);
   })();
   return /* @__PURE__ */ s.createElement(f, { flexDirection: "column", alignItems: "flex-end", gap: k.GAP_GROUPED }, /* @__PURE__ */ s.createElement(O, { onPress: g, style: [a.imageContainer, { aspectRatio: i }], activeOpacity: 0.75 }, !u && /* @__PURE__ */ s.createElement(f, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ s.createElement(_r, { size: 26 }, /* @__PURE__ */ s.createElement(B, { type: "spinner", color: (d) => d.textLowEmphasis, size: 26 }))), /* @__PURE__ */ s.createElement(
-    Pe,
+    Le,
     {
       source: { uri: c },
       style: [a.image, { opacity: u ? 1 : 0 }],
@@ -4919,7 +4919,7 @@ const Ui = ({
 }) => {
   const [o, a] = S(!1), i = br.use();
   return o ? /* @__PURE__ */ s.createElement(al, { value: e, selected: r, label: n }) : /* @__PURE__ */ s.createElement(
-    Pe,
+    Le,
     {
       source: { uri: t },
       style: i.emojiImage(r),
@@ -5007,28 +5007,30 @@ const Ui = ({
 }, ml = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: r, csatReason: o, csatExpireAt: a, isResolvedWhenDeterminedByUser: i } = e, [, l] = S(0), c = ul(t == null ? void 0 : t.csat), u = gl.use();
+  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: r, csatReason: o, csatExpireAt: a, isResolvedWhenDeterminedByUser: i } = e, [, l] = S(0), c = ul(t == null ? void 0 : t.csat), u = F(!1), m = gl.use();
   if (!c || !c.visibility || !fe[c.type]) return null;
-  const m = c.type === fe.AI_AGENT_CSAT_5 || c.type === fe.AI_AGENT_CSAT_5_WITH_CRE || c.type === fe.HELPDESK_CSAT_5 ? At : () => null;
-  return /* @__PURE__ */ s.createElement(f, { style: u.container }, !r && vn(a) ? /* @__PURE__ */ s.createElement(dl, null) : /* @__PURE__ */ s.createElement(
-    m,
+  const g = c.type === fe.AI_AGENT_CSAT_5 || c.type === fe.AI_AGENT_CSAT_5_WITH_CRE || c.type === fe.HELPDESK_CSAT_5 ? At : () => null;
+  return /* @__PURE__ */ s.createElement(f, { style: m.container }, !r && vn(a) ? /* @__PURE__ */ s.createElement(dl, null) : /* @__PURE__ */ s.createElement(
+    g,
     {
       csatPayload: c,
       type: c.type,
       initialCsat: r,
       initialCsatReason: o,
       initialIsResolved: i,
-      renderSubmitButton: ({ state: g, params: d, validateParams: p }) => /* @__PURE__ */ s.createElement(
+      renderSubmitButton: ({ state: d, params: p, validateParams: _ }) => /* @__PURE__ */ s.createElement(
         O,
         {
           activeOpacity: 0.75,
-          disabled: g === "submitted",
+          disabled: d === "submitted",
           onPress: async () => {
-            !vn(a) && p() ? await n(d) : l((_) => _ + 1);
+            u.current || (!vn(a) && _() ? (u.current = !0, await n(p).finally(() => {
+              u.current = !1;
+            })) : l((v) => v + 1));
           },
-          style: u.submitButton(g)
+          style: m.submitButton(d)
         },
-        /* @__PURE__ */ s.createElement(T, { variant: "button", style: u.submitButtonText(g) }, g === "submitted" ? c.csat_submitted_label : c.csat_submit_label)
+        /* @__PURE__ */ s.createElement(T, { variant: "button", style: m.submitButtonText(d) }, d === "submitted" ? c.csat_submitted_label : c.csat_submit_label)
       )
     }
   ));
@@ -5114,7 +5116,7 @@ const Ui = ({
     channelSource: p,
     scrollSource: _,
     state: { input: v, streamAnimation: h }
-  } = me(), y = bl(), E = Cl.use(), b = De(["left", "right"]), { state: C, props: I } = _;
+  } = me(), y = bl(), E = Cl.use(), b = Pe(["left", "right"]), { state: C, props: I } = _;
   M(() => {
     C.isAwayFromBottom || d.resetNewMessages();
   }, [C.isAwayFromBottom]);
@@ -5161,31 +5163,31 @@ const Ui = ({
             ...x,
             messageType: "admin.csat",
             isResolvedWhenDeterminedByUser: yo(x),
-            onSubmitCSAT: async ({ csat: be, ...Ie }) => {
-              var Ee;
-              be && await ((Ee = p.channel) == null ? void 0 : Ee.submitCSAT({ csat: be, ...Ie }));
+            onSubmitCSAT: async (ve) => {
+              var Ce;
+              await ((Ce = p.channel) == null ? void 0 : Ce.submitCSAT(ve));
             }
           }
         ) : null : /* @__PURE__ */ s.createElement(r, { ...qe, messageType: "admin" });
       if (je.isOutgoing(A, (m == null ? void 0 : m.userId) ?? "")) {
-        const be = {
+        const ve = {
           ...qe,
           sender: N(A),
           sendingStatus: A.sendingStatus,
           onClickFailedMessage: H(A)
         };
         if (A.isUserMessage())
-          return /* @__PURE__ */ s.createElement(n, { ...be, messageType: "user" });
+          return /* @__PURE__ */ s.createElement(n, { ...ve, messageType: "user" });
         if (A.isFileMessage()) {
-          const [Ie, Ee] = ((fn = A.metaArrays.find((Y) => Y.key === Kn)) == null ? void 0 : fn.value) ?? [];
+          const [Ce, Re] = ((fn = A.metaArrays.find((Y) => Y.key === Kn)) == null ? void 0 : fn.value) ?? [];
           return /* @__PURE__ */ s.createElement(
             n,
             {
-              ...be,
+              ...ve,
               messageType: "file",
               file: A,
               metadata: {
-                aspectRatio: Ie && Ee ? `${Ie}/${Ee}` : "1/1",
+                aspectRatio: Ce && Re ? `${Ce}/${Re}` : "1/1",
                 localFile: (_n = A.messageParams) == null ? void 0 : _n.file
               }
             }
@@ -5193,13 +5195,13 @@ const Ui = ({
         }
       }
       if (je.isIncoming(A, (m == null ? void 0 : m.userId) ?? "")) {
-        const be = A.sender.userId === (u == null ? void 0 : u.userId), Ie = G === 0, Ee = {
+        const ve = A.sender.userId === (u == null ? void 0 : u.userId), Ce = G === 0, Re = {
           ...qe,
-          sender: N(A, be),
-          suggestedRepliesVisible: Ie,
-          isBotMessage: be,
+          sender: N(A, ve),
+          suggestedRepliesVisible: Ce,
+          isBotMessage: ve,
           isStreaming: nt.isStreaming(A),
-          isHandedOff: Le(p.channel),
+          isHandedOff: Me(p.channel),
           isConversationClosed: xe(p.channel),
           isFeedbackEnabled: u == null ? void 0 : u.isUserFeedbackEnabled,
           isFeedbackCommentEnabled: u == null ? void 0 : u.isUserFeedbackCommentOptionEnabled,
@@ -5250,9 +5252,9 @@ const Ui = ({
           }
         };
         if (A.isUserMessage())
-          return /* @__PURE__ */ s.createElement(t, { ...Ee, messageType: "user" });
+          return /* @__PURE__ */ s.createElement(t, { ...Re, messageType: "user" });
         if (A.isFileMessage())
-          return /* @__PURE__ */ s.createElement(t, { ...Ee, messageType: "file", file: A });
+          return /* @__PURE__ */ s.createElement(t, { ...Re, messageType: "file", file: A });
       }
       return null;
     })(), z = El(A, ie) && /* @__PURE__ */ s.createElement(Xa, { date: A.createdAt, style: E.dateSeparator });
@@ -5288,10 +5290,10 @@ const Ui = ({
       renderItem: L,
       loading: !d.initialized,
       error: !!(g || p.error),
-      LoadingComponent: /* @__PURE__ */ s.createElement(Me, { type: "loading" }),
-      EmptyComponent: /* @__PURE__ */ s.createElement(Me, { type: "noMessages", label: a.common.placeholder_no_messages }),
+      LoadingComponent: /* @__PURE__ */ s.createElement(ke, { type: "loading" }),
+      EmptyComponent: /* @__PURE__ */ s.createElement(ke, { type: "noMessages", label: a.common.placeholder_no_messages }),
       ErrorComponent: /* @__PURE__ */ s.createElement(
-        Me,
+        ke,
         {
           type: "error",
           label: (g == null ? void 0 : g.message) ?? ((ae = p.error) == null ? void 0 : ae.message),
@@ -5555,7 +5557,7 @@ const Bl = ({ onPressAddAttachment: e, disabled: t }) => /* @__PURE__ */ s.creat
   }
 }), Hl = ({ name: e, type: t, url: n, onRemove: r }) => {
   const o = zl.use();
-  return /* @__PURE__ */ s.createElement(f, { style: o.wrapper }, wo(t) ? /* @__PURE__ */ s.createElement(Pe, { source: { uri: n }, style: o.image, resizeMode: "cover" }) : /* @__PURE__ */ s.createElement(sn, { name: e, type: Kt(e, t) }), r && /* @__PURE__ */ s.createElement(O, { onPress: r, style: o.removeButton }, /* @__PURE__ */ s.createElement(B, { type: "remove", size: 20, color: o.removeIcon.tintColor })));
+  return /* @__PURE__ */ s.createElement(f, { style: o.wrapper }, wo(t) ? /* @__PURE__ */ s.createElement(Le, { source: { uri: n }, style: o.image, resizeMode: "cover" }) : /* @__PURE__ */ s.createElement(sn, { name: e, type: Kt(e, t) }), r && /* @__PURE__ */ s.createElement(O, { onPress: r, style: o.removeButton }, /* @__PURE__ */ s.createElement(B, { type: "remove", size: 20, color: o.removeIcon.tintColor })));
 }, Je = 7, zl = D.create(({ themedColor: e }) => ({
   wrapper: {
     marginTop: Je,
@@ -5663,16 +5665,16 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
   }), m = (h, y) => {
     const E = y.filter((x) => u.isSupportedMimeType(x.type));
     if (E.length === 0 && y.length > 0)
-      return ke.alert("", t.conversation.file_upload_not_supported_file), h;
+      return Te.alert("", t.conversation.file_upload_not_supported_file), h;
     const b = (x) => {
       const N = u.getUploadSizeLimit(x.type);
       return x.size && x.size > N;
     }, C = E.find((x) => b(x));
     if (C) {
       const x = u.getUploadSizeLimitInMB(C.type);
-      return ke.alert("", t.conversation.file_upload_notification_size_limit(x)), h;
+      return Te.alert("", t.conversation.file_upload_notification_size_limit(x)), h;
     }
-    return h.length + E.length > u.maxAttachmentCount ? (ke.alert("", t.conversation.file_upload_notification_count_limit(u.maxAttachmentCount)), h) : [...h, ...E];
+    return h.length + E.length > u.maxAttachmentCount ? (Te.alert("", t.conversation.file_upload_notification_count_limit(u.maxAttachmentCount)), h) : [...h, ...E];
   }, g = (h) => {
     c((y) => m(y, h));
   }, d = (h) => {
@@ -5716,7 +5718,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
     maxAttachmentCount: u.maxAttachmentCount
   };
 }, Yl = () => {
-  const { config: e } = Z(), t = Dl(), { strings: n } = W(), { messageSource: r } = me(), { openModal: o } = Qt(), a = De(["left", "right", "bottom"]), i = Kl.use(), {
+  const { config: e } = Z(), t = Dl(), { strings: n } = W(), { messageSource: r } = me(), { openModal: o } = Qt(), a = Pe(["left", "right", "bottom"]), i = Kl.use(), {
     maxAttachmentCount: l,
     sendButtonVisible: c,
     addAttachmentButtonVisible: u,
@@ -5737,7 +5739,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
             label: n.conversation.attachment_camera,
             onPress: async () => {
               if (!d())
-                return ke.alert("", n.conversation.file_upload_no_supported_files), b(null);
+                return Te.alert("", n.conversation.file_upload_no_supported_files), b(null);
               const te = await t.captureCamera();
               b(te);
             }
@@ -5749,7 +5751,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
             label: n.conversation.attachment_photo,
             onPress: async () => {
               if (!d())
-                return ke.alert("", n.conversation.file_upload_no_supported_files), b(null);
+                return Te.alert("", n.conversation.file_upload_no_supported_files), b(null);
               const te = await t.selectFromGallery({
                 selectionLimit: l - _.files.length
               });
@@ -5763,7 +5765,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
             label: n.conversation.attachment_document,
             onPress: async () => {
               if (!p())
-                return ke.alert("", n.conversation.file_upload_no_supported_files), b(null);
+                return Te.alert("", n.conversation.file_upload_no_supported_files), b(null);
               const te = await t.selectFile({
                 selectionLimit: l - _.files.length,
                 mimeTypes: g
@@ -5813,7 +5815,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
     backgroundColor: e.colors.base.background
   })
 })), Er = ({ start: e, title: t, titleAlign: n = "start", end: r }) => {
-  const o = De(["left", "right", "top"]), [a, i] = S(0), [l, c] = S(0), u = (d) => {
+  const o = Pe(["left", "right", "top"]), [a, i] = S(0), [l, c] = S(0), u = (d) => {
     i(d.nativeEvent.layout.width);
   }, m = (d) => {
     c(d.nativeEvent.layout.width);
@@ -5871,7 +5873,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
 }, Jl = () => {
   const { themedColor: e } = V(), {
     channelSource: { channel: t }
-  } = me(), n = Zt("handoff-button", t), r = !Yn(t) || Le(t);
+  } = me(), n = Zt("handoff-button", t), r = !Yn(t) || Me(t);
   return n ? /* @__PURE__ */ s.createElement(
     O,
     {
@@ -5923,7 +5925,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
   } = me(), { userSession: t, aiAgentInfo: n } = oe(), { config: r } = Z(), o = sr({ channel: e, userSession: t, aiAgentInfo: n }), a = (l = (i = r == null ? void 0 : r.conversation) == null ? void 0 : i.header) == null ? void 0 : l.avatarEnabled;
   return /* @__PURE__ */ s.createElement(f, { gap: 6, flexDirection: "row", alignItems: "center", maxWidth: "100%" }, a && /* @__PURE__ */ s.createElement(vr, { channel: e, size: 34 }), /* @__PURE__ */ s.createElement(f, { flexShrink: 1 }, /* @__PURE__ */ s.createElement(T, { numberOfLines: 1, variant: "h1" }, o.title)));
 }, tc = (e) => {
-  const { components: t } = Re.useContext();
+  const { components: t } = De.useContext();
   return /* @__PURE__ */ s.createElement(
     Er,
     {
@@ -5934,15 +5936,15 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
     }
   );
 }, nc = () => {
-  const { components: e } = Re.useContext();
+  const { components: e } = De.useContext();
   return /* @__PURE__ */ s.createElement(e.MenuButton, null);
 }, rc = () => {
-  const { components: e } = Re.useContext();
+  const { components: e } = De.useContext();
   return /* @__PURE__ */ s.createElement(e.Title, null);
 }, oc = () => {
-  const { components: e } = Re.useContext();
+  const { components: e } = De.useContext();
   return /* @__PURE__ */ s.createElement(f, { flexDirection: "row", alignItems: "center", gap: 10 }, /* @__PURE__ */ s.createElement(e.HandoffButton, null), /* @__PURE__ */ s.createElement(e.CloseButton, null));
-}, Re = ue({
+}, De = ue({
   template: tc,
   components: {
     StartArea: nc,
@@ -5954,7 +5956,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
     CloseButton: Zl
   }
 }), sc = () => {
-  const { Template: e } = Re.useContext();
+  const { Template: e } = De.useContext();
   return /* @__PURE__ */ s.createElement(e, { titleAlign: "start" });
 }, ac = (e) => {
   const { components: t } = dn.useContext();
@@ -6034,7 +6036,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
   }
 })), gc = () => {
   var l;
-  const { Template: e } = dc.useContext(), { strings: t } = W(), { connectionError: n } = oe(), { listSource: r, onNavigateToConversation: o } = mn(), a = De(["left", "right"]), i = hc.use();
+  const { Template: e } = dc.useContext(), { strings: t } = W(), { connectionError: n } = oe(), { listSource: r, onNavigateToConversation: o } = mn(), a = Pe(["left", "right"]), i = hc.use();
   return /* @__PURE__ */ s.createElement(
     mr,
     {
@@ -6055,9 +6057,9 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
       ),
       loading: !r.initialized,
       error: !!(n || r.error),
-      LoadingComponent: /* @__PURE__ */ s.createElement(Me, { type: "loading" }),
-      EmptyComponent: /* @__PURE__ */ s.createElement(Me, { type: "noChannels", label: t.common.placeholder_no_conversations }),
-      ErrorComponent: /* @__PURE__ */ s.createElement(Me, { type: "error", label: (n == null ? void 0 : n.message) ?? ((l = r.error) == null ? void 0 : l.message) })
+      LoadingComponent: /* @__PURE__ */ s.createElement(ke, { type: "loading" }),
+      EmptyComponent: /* @__PURE__ */ s.createElement(ke, { type: "noChannels", label: t.common.placeholder_no_conversations }),
+      ErrorComponent: /* @__PURE__ */ s.createElement(ke, { type: "error", label: (n == null ? void 0 : n.message) ?? ((l = r.error) == null ? void 0 : l.message) })
     }
   );
 }, hc = D.create(({ theme: e }) => ({
@@ -6069,7 +6071,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
     backgroundColor: e.colors.base.background
   }
 })), pc = () => {
-  const { strings: e } = W(), { language: t, countryCode: n, context: r } = Z(), { aiAgentInfo: o, refreshActiveChannel: a, createConversation: i, setActiveChannel: l, sdkUser: c } = oe(), { onNavigateToConversation: u } = mn(), m = De(["left", "right", "bottom"]), g = fc.use();
+  const { strings: e } = W(), { language: t, countryCode: n, context: r } = Z(), { aiAgentInfo: o, refreshActiveChannel: a, createConversation: i, setActiveChannel: l, sdkUser: c } = oe(), { onNavigateToConversation: u } = mn(), m = Pe(["left", "right", "bottom"]), g = fc.use();
   return /* @__PURE__ */ s.createElement(
     O,
     {
@@ -6157,7 +6159,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
 }), xc = ({ children: e, ...t }) => {
   const { Template: n } = gn.useContext();
   return /* @__PURE__ */ s.createElement(cc, { ...t }, /* @__PURE__ */ s.createElement(n, null), e);
-}, Ic = "1.3.0", Tc = Ic, Bu = st(
+}, Ic = "1.3.1", Tc = Ic, Bu = st(
   function({
     logLevel: t = Vr.WARN,
     language: n = ct,
@@ -6196,7 +6198,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
   }
 ), kc = _o(
   dn,
-  Re,
+  De,
   gn,
   Ge,
   on,
@@ -6283,7 +6285,7 @@ const Wl = ({ onPressSend: e }) => /* @__PURE__ */ s.createElement(O, { style: V
   isDefaultIcon: t,
   size: n,
   fillColor: r
-}) => e ? t ? /* @__PURE__ */ s.createElement(Pe, { source: { uri: e }, width: n, height: n, tintColor: r, resizeMode: "contain" }) : /* @__PURE__ */ s.createElement(Pe, { source: { uri: e }, width: n, height: n, resizeMode: "cover" }) : /* @__PURE__ */ s.createElement(B, { type: "delight", size: n, color: r }), Nc = ({ size: e, fillColor: t }) => /* @__PURE__ */ s.createElement(B, { type: "chevron-down", size: e, color: t }), Hc = D.create(() => ({
+}) => e ? t ? /* @__PURE__ */ s.createElement(Le, { source: { uri: e }, width: n, height: n, tintColor: r, resizeMode: "contain" }) : /* @__PURE__ */ s.createElement(Le, { source: { uri: e }, width: n, height: n, resizeMode: "cover" }) : /* @__PURE__ */ s.createElement(B, { type: "delight", size: n, color: r }), Nc = ({ size: e, fillColor: t }) => /* @__PURE__ */ s.createElement(B, { type: "chevron-down", size: e, color: t }), Hc = D.create(() => ({
   container: (e) => ({
     position: "relative",
     width: e.size,
@@ -6655,7 +6657,7 @@ const {
 }, su = (e) => {
   var a, i, l, c;
   const { setPosition: t, setMargin: n, setLauncherSize: r, setSpacing: o } = hn();
-  return Ce(() => {
+  return Ee(() => {
     e.position && t(e.position), e.margin && n(e.margin), e.launcherSize !== void 0 && r(e.launcherSize), e.spacing !== void 0 && o(e.spacing);
   }, [
     e.position,
@@ -6668,10 +6670,10 @@ const {
   ]), null;
 }, au = ({ children: e }) => {
   const { setConversationChildren: t } = pn();
-  return Ce(() => (t(e), () => t(null)), [e]), null;
+  return Ee(() => (t(e), () => t(null)), [e]), null;
 }, iu = ({ children: e }) => {
   const { setConversationListChildren: t } = pn();
-  return Ce(() => (t(e), () => t(null)), [e]), null;
+  return Ee(() => (t(e), () => t(null)), [e]), null;
 }, lu = ({
   entryPoint: e = "Conversation",
   edgeToEdgeEnabled: t = !0,
@@ -6720,7 +6722,7 @@ export {
   ic as Conversation,
   Ru as ConversationContext,
   aa as ConversationContextProvider,
-  Re as ConversationHeaderLayout,
+  De as ConversationHeaderLayout,
   dn as ConversationLayout,
   xc as ConversationList,
   Ou as ConversationListContext,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/ai-agent-messenger-react-native",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Delight AI Agent Messenger for React Native",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,7 +51,7 @@
   "devDependencies": {
     "@react-native-documents/picker": "^10.1.7",
     "@react-native/babel-preset": "0.81.1",
-    "@sendbird/chat": "^4.20.4",
+    "@sendbird/chat": "^4.20.6",
     "@types/jest": "^29.5.14",
     "@types/react": "19.2.2",
     "@types/react-syntax-highlighter": "^15.5.13",
@@ -67,7 +67,7 @@
     "react-native-safe-area-context": "^5.6.1",
     "typescript": "^5.9.2",
     "vite-plugin-static-copy": "^3.1.4",
-    "@sendbird/ai-agent-core": "1.13.0",
+    "@sendbird/ai-agent-core": "1.13.1",
     "@sendbird/vite-tools": "0.0.1"
   },
   "dependencies": {
@@ -79,7 +79,7 @@
   "peerDependencies": {
     "@react-native-clipboard/clipboard": ">=1.0.0",
     "@react-native-documents/picker": ">=10.0.0",
-    "@sendbird/chat": "^4.20.4",
+    "@sendbird/chat": "^4.20.6",
     "date-fns": ">=4.0.0",
     "expo-document-picker": ">=14.0.0",
     "expo-image-picker": ">=17.0.0",