@sendbird/ai-agent-messenger-react 1.24.0 → 1.25.0

package/dist/es/{BUKDIngh.js → DapNV-e6.js}

@@ -1,6 +1,6 @@
 import { fr as r } from "date-fns/locale/fr";
-import { m as o } from "../index.js";
-const t = {
+import { m as t } from "../index.js";
+const o = {
   conversation: {
     input_placeholder: "Poser une question",
     input_placeholder_disabled: "Le chat n'est pas disponible dans ce canal",
@@ -67,7 +67,13 @@ const t = {
     a11y_hint_view_new_messages: "Fait défiler vers les nouveaux messages",
     a11y_hint_open_file: "Ouvre le fichier",
     a11y_hint_open_image: "Ouvre l'image",
-    a11y_hint_send_reply: "Envoie cette réponse"
+    a11y_hint_send_reply: "Envoie cette réponse",
+    image_viewer_default_title: "Image",
+    a11y_image_viewer_close: "Fermer la visionneuse d'images",
+    a11y_image_viewer_previous: "Image précédente",
+    a11y_image_viewer_next: "Image suivante",
+    a11y_image_viewer_download: "Télécharger l'image",
+    attachment_document: "Fichiers"
   },
   conversation_list: {
     header_title: "Conversations",
@@ -75,7 +81,7 @@ const t = {
     system_message: "Message système",
     footer_title: "Démarrer une conversation",
     multiple_files_count: (e) => `${e} fichier${e === 1 ? "" : "s"}`,
-    a11y_conversation_item: (e, a, i, n) => `${e}, ${a}, ${i}, ${n} message${n === 1 ? "" : "s"} non lu${n === 1 ? "" : "s"}`
+    a11y_conversation_item: (e, a, _, n) => `${e}, ${a}, ${_}, ${n} message${n === 1 ? "" : "s"} non lu${n === 1 ? "" : "s"}`
   },
   date_format: {
     just_now: "À l'instant",
@@ -127,13 +133,17 @@ const t = {
     confirm_description: "Vous serez transféré à un agent humain. Votre historique de conversation sera partagé.",
     confirm_cancel: "Annuler",
     confirm_handoff: "Transférer"
+  },
+  connection_delay: {
+    title: "Un problème est survenu. Vous serez reconnecté sous peu.",
+    description: (e) => `Temps d'attente estimé : ${e}`
   }
 }, s = {
   language: "fr",
-  strings: t,
+  strings: o,
   dateLocale: r
-}, _ = o(s.strings), l = {
-  ..._,
+}, i = t(s.strings), l = {
+  ...i,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "Se connecter avec un agent",
   // Message Input
@@ -147,16 +157,9 @@ const t = {
   FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: "La taille maximale par fichier est de %d MB.",
   FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION: "%d fichiers ont été exclus en raison des limites. Veuillez sélectionner les fichiers individuellement.",
   FILE_UPLOAD_PHOTOS: "Photos",
-  FILE_UPLOAD_FILES: "Fichiers",
   // File Viewer
   FILE_VIEWER__UNSUPPORT: "Message non pris en charge",
-  // Image Viewer
-  IMAGE_VIEWER__DEFAULT_TITLE: "Image",
   // Accessibility
-  A11Y_IMAGE_VIEWER_CLOSE: "Fermer la visionneuse d'images",
-  A11Y_IMAGE_VIEWER_PREVIOUS: "Image précédente",
-  A11Y_IMAGE_VIEWER_NEXT: "Image suivante",
-  A11Y_IMAGE_VIEWER_DOWNLOAD: "Télécharger l'image",
   A11Y_ATTACH_FILE: "Joindre un fichier",
   A11Y_FILE_SELECTED: (e) => `${e}, sélectionné`,
   A11Y_FILE_REMOVE_BUTTON: (e) => `Supprimer le fichier : ${e}`,
@@ -176,7 +179,7 @@ const t = {
   FORM_VALIDATION_MAX_SELECT: (e) => `Sélectionnez au maximum ${e} options`,
   FORM_VALIDATION_REGEX_FAILED: "Format invalide",
   /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
-  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: _.DATE_FORMAT__DATE_SHORT,
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: i.DATE_FORMAT__DATE_SHORT,
   /** @deprecated Unused string **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   /** @deprecated Unused string **/

package/dist/es/{5tV340wv.js → Dj0fB0I-.js}

@@ -67,7 +67,13 @@ const l = {
     a11y_hint_view_new_messages: "नए संदेशों तक स्क्रॉल करता है",
     a11y_hint_open_file: "फ़ाइल खोलता है",
     a11y_hint_open_image: "छवि खोलता है",
-    a11y_hint_send_reply: "यह जवाब भेजता है"
+    a11y_hint_send_reply: "यह जवाब भेजता है",
+    image_viewer_default_title: "छवि",
+    a11y_image_viewer_close: "छवि व्यूअर बंद करें",
+    a11y_image_viewer_previous: "पिछली छवि",
+    a11y_image_viewer_next: "अगली छवि",
+    a11y_image_viewer_download: "छवि डाउनलोड करें",
+    attachment_document: "फाइलें"
   },
   conversation_list: {
     header_title: "बातचीत",
@@ -127,6 +133,10 @@ const l = {
     confirm_description: "आपको एक मानव एजेंट को स्थानांतरित किया जाएगा। आपका वार्तालाप इतिहास साझा किया जाएगा।",
     confirm_cancel: "रद्द करें",
     confirm_handoff: "हैंडऑफ़"
+  },
+  connection_delay: {
+    title: "कुछ गलत हो गया। आप शीघ्र ही पुन: कनेक्ट हो जाएंगे।",
+    description: (_) => `अनुमानित प्रतीक्षा समय: ${_}`
   }
 }, a = {
   language: "hi",
@@ -147,16 +157,9 @@ const l = {
   FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: "प्रति फ़ाइल अधिकतम आकार %d MB है।",
   FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION: "%d फ़ाइलें सीमा के कारण बाहर रखी गई थीं। कृपया फ़ाइलों को अलग-अलग चुनें।",
   FILE_UPLOAD_PHOTOS: "फ़ोटो",
-  FILE_UPLOAD_FILES: "फाइलें",
   // File Viewer
   FILE_VIEWER__UNSUPPORT: "असमर्थित संदेश",
-  // Image Viewer
-  IMAGE_VIEWER__DEFAULT_TITLE: "छवि",
   // Accessibility
-  A11Y_IMAGE_VIEWER_CLOSE: "छवि व्यूअर बंद करें",
-  A11Y_IMAGE_VIEWER_PREVIOUS: "पिछली छवि",
-  A11Y_IMAGE_VIEWER_NEXT: "अगली छवि",
-  A11Y_IMAGE_VIEWER_DOWNLOAD: "छवि डाउनलोड करें",
   A11Y_ATTACH_FILE: "फ़ाइल संलग्न करें",
   A11Y_FILE_SELECTED: (_) => `${_}, चयनित`,
   A11Y_FILE_REMOVE_BUTTON: (_) => `फ़ाइल हटाएँ: ${_}`,
@@ -193,11 +196,11 @@ const l = {
   NO_NAME: "(कोई नाम नहीं)",
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "चैनल फ्रीज हो गया"
-}, A = {
+}, d = {
   language: a.language,
   dateLocale: a.dateLocale,
   stringSet: r
 };
 export {
-  A as default
+  d as default
 };

package/dist/es/{CsqVHJCI.js → DtO4ptZX.js}

@@ -67,7 +67,13 @@ const l = {
     a11y_hint_view_new_messages: "새 메시지로 스크롤합니다",
     a11y_hint_open_file: "파일을 엽니다",
     a11y_hint_open_image: "이미지를 엽니다",
-    a11y_hint_send_reply: "이 답변을 보냅니다"
+    a11y_hint_send_reply: "이 답변을 보냅니다",
+    image_viewer_default_title: "이미지",
+    a11y_image_viewer_close: "이미지 뷰어 닫기",
+    a11y_image_viewer_previous: "이전 이미지",
+    a11y_image_viewer_next: "다음 이미지",
+    a11y_image_viewer_download: "이미지 다운로드",
+    attachment_document: "파일"
   },
   conversation_list: {
     header_title: "대화",
@@ -127,6 +133,10 @@ const l = {
     confirm_description: "상담사에게 연결됩니다. 대화 내용이 공유됩니다.",
     confirm_cancel: "취소",
     confirm_handoff: "연결"
+  },
+  connection_delay: {
+    title: "문제가 발생했습니다. 곧 다시 연결됩니다.",
+    description: (_) => `예상 대기 시간: ${_}`
   }
 }, a = {
   language: "ko",
@@ -147,16 +157,9 @@ const l = {
   FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: "파일당 최대 크기는 %d MB입니다.",
   FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION: "%d개의 파일이 제한으로 인해 제외되었습니다. 파일을 개별적으로 선택해 주세요.",
   FILE_UPLOAD_PHOTOS: "사진",
-  FILE_UPLOAD_FILES: "파일",
   // File Viewer
   FILE_VIEWER__UNSUPPORT: "지원되지 않는 메시지",
-  // Image Viewer
-  IMAGE_VIEWER__DEFAULT_TITLE: "이미지",
   // Accessibility
-  A11Y_IMAGE_VIEWER_CLOSE: "이미지 뷰어 닫기",
-  A11Y_IMAGE_VIEWER_PREVIOUS: "이전 이미지",
-  A11Y_IMAGE_VIEWER_NEXT: "다음 이미지",
-  A11Y_IMAGE_VIEWER_DOWNLOAD: "이미지 다운로드",
   A11Y_ATTACH_FILE: "파일 첨부",
   A11Y_FILE_SELECTED: (_) => `${_}, 선택됨`,
   A11Y_FILE_REMOVE_BUTTON: (_) => `파일 제거: ${_}`,
@@ -193,11 +196,11 @@ const l = {
   NO_NAME: "(이름 없음)",
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "채널이 동결되었습니다."
-}, A = {
+}, d = {
   language: a.language,
   dateLocale: a.dateLocale,
   stringSet: r
 };
 export {
-  A as default
+  d as default
 };

package/dist/es/{CKLYurhd.js → E7P-wwKR.js}

@@ -67,7 +67,13 @@ const t = {
     a11y_hint_view_new_messages: "Rola até as novas mensagens",
     a11y_hint_open_file: "Abre o arquivo",
     a11y_hint_open_image: "Abre a imagem",
-    a11y_hint_send_reply: "Envia esta resposta"
+    a11y_hint_send_reply: "Envia esta resposta",
+    image_viewer_default_title: "Imagem",
+    a11y_image_viewer_close: "Fechar visualizador de imagens",
+    a11y_image_viewer_previous: "Imagem anterior",
+    a11y_image_viewer_next: "Próxima imagem",
+    a11y_image_viewer_download: "Baixar imagem",
+    attachment_document: "Arquivos"
   },
   conversation_list: {
     header_title: "Conversas",
@@ -127,6 +133,10 @@ const t = {
     confirm_description: "Você será transferido para um agente humano. Seu histórico de conversa será compartilhado.",
     confirm_cancel: "Cancelar",
     confirm_handoff: "Transferir"
+  },
+  connection_delay: {
+    title: "Algo deu errado. Você será reconectado em breve.",
+    description: (e) => `Tempo estimado de espera: ${e}`
   }
 }, o = {
   language: "pt",
@@ -147,16 +157,9 @@ const t = {
   FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: "O tamanho máximo por arquivo é de %d MB.",
   FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION: "%d arquivos foram excluídos devido aos limites. Selecione os arquivos individualmente.",
   FILE_UPLOAD_PHOTOS: "Fotos",
-  FILE_UPLOAD_FILES: "Arquivos",
   // File Viewer
   FILE_VIEWER__UNSUPPORT: "Mensagem não suportada",
-  // Image Viewer
-  IMAGE_VIEWER__DEFAULT_TITLE: "Imagem",
   // Accessibility
-  A11Y_IMAGE_VIEWER_CLOSE: "Fechar visualizador de imagens",
-  A11Y_IMAGE_VIEWER_PREVIOUS: "Imagem anterior",
-  A11Y_IMAGE_VIEWER_NEXT: "Próxima imagem",
-  A11Y_IMAGE_VIEWER_DOWNLOAD: "Baixar imagem",
   A11Y_ATTACH_FILE: "Anexar arquivo",
   A11Y_FILE_SELECTED: (e) => `${e}, selecionado`,
   A11Y_FILE_REMOVE_BUTTON: (e) => `Remover arquivo: ${e}`,

package/dist/es/tbfFzmFJ.js

@@ -0,0 +1,198 @@
+import * as V from "react";
+import { useState as A } from "react";
+import _ from "styled-components";
+import { MessageProvider as I, renderer as R, parser as C } from "@sendbird/react-uikit-message-template-view";
+import { createMessageTemplate as O } from "@sendbird/uikit-message-template";
+import { r as M, f as K, a as S, p as N, b as g, d as f, u as h, g as B, I as L, n as k } from "../index.js";
+const v = {
+  VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
+  VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
+};
+function p({ uiTemplateString: e, variables: l = {} }) {
+  const s = K(l);
+  return S({
+    template: e,
+    variables: s,
+    variableKeyPattern: (t) => v.VARIABLE(t)
+  });
+}
+function b({
+  theme: e,
+  uiTemplateString: l,
+  colorVariables: s = {}
+}) {
+  return S({
+    template: l,
+    variables: s,
+    variableKeyPattern: (t) => v.VARIABLE(t),
+    variableValueTransformer: (t) => N(e, t)
+  });
+}
+function G({
+  theme: e,
+  uiTemplateString: l,
+  viewVariables: s = {},
+  aiAgentColorVariables: t,
+  internalVariables: a,
+  onRequestTemplate: i
+}) {
+  const c = Object.values(s).flat().map((n) => n.key);
+  return [...new Set(c)].some((n) => !i(n)) ? null : S({
+    template: l,
+    variables: s,
+    variableKeyPattern: (n) => v.VIEW_VARIABLE(n),
+    variableValueTransformer: (n) => {
+      const T = n.map(({ key: y, variables: w }) => {
+        const E = i(y), { ui_template: o, color_variables: d } = g(E);
+        let u = JSON.stringify(o);
+        return u = p({
+          uiTemplateString: u,
+          variables: a
+        }), u = b({
+          theme: e,
+          uiTemplateString: u,
+          colorVariables: d
+        }), u = b({
+          theme: e,
+          uiTemplateString: u,
+          colorVariables: t
+        }), u = p({
+          uiTemplateString: u,
+          variables: w
+        }), f(u);
+      });
+      return JSON.stringify(T);
+    }
+  });
+}
+async function J({
+  theme: e,
+  uiTemplateString: l,
+  viewVariables: s = {},
+  aiAgentColorVariables: t,
+  internalVariables: a,
+  onRequestTemplate: i
+}) {
+  return M({
+    template: l,
+    variables: s,
+    variableKeyPattern: (r) => v.VIEW_VARIABLE(r),
+    variableValueTransformer: async (r) => {
+      const c = r.map(async ({ key: n, variables: T }) => {
+        const y = await i(n), { ui_template: w, color_variables: E } = g(y);
+        let o = JSON.stringify(w);
+        return o = p({
+          uiTemplateString: o,
+          variables: a
+        }), o = b({
+          theme: e,
+          uiTemplateString: o,
+          colorVariables: E
+        }), o = b({
+          theme: e,
+          uiTemplateString: o,
+          colorVariables: t
+        }), o = p({
+          uiTemplateString: o,
+          variables: T
+        }), f(o);
+      }), m = await Promise.all(c);
+      return JSON.stringify(m);
+    }
+  });
+}
+const P = ({
+  rawTemplate: e,
+  aiAgentColorVariables: l,
+  internalVariables: s,
+  ...t
+}) => {
+  const { ui_template: a, color_variables: i } = g(e);
+  let r = JSON.stringify(a);
+  if (Object.keys(t.viewVariables ?? {}).length > 0) {
+    const m = G({
+      ...t,
+      uiTemplateString: r,
+      aiAgentColorVariables: l,
+      internalVariables: s
+    });
+    if (m === null) return null;
+    r = m;
+  }
+  return r = p({ ...t, uiTemplateString: r, variables: s }), r = b({ ...t, uiTemplateString: r, colorVariables: i }), r = b({ ...t, uiTemplateString: r, colorVariables: l }), r = p({ ...t, uiTemplateString: r }), f(r);
+}, U = async ({
+  rawTemplate: e,
+  aiAgentColorVariables: l,
+  internalVariables: s,
+  ...t
+}) => {
+  const { ui_template: a, color_variables: i } = g(e);
+  let r = JSON.stringify(a);
+  return Object.keys(t.viewVariables ?? {}).length > 0 && (r = await J({
+    ...t,
+    uiTemplateString: r,
+    aiAgentColorVariables: l,
+    internalVariables: s
+  })), r = p({ ...t, uiTemplateString: r, variables: s }), r = b({ ...t, uiTemplateString: r, colorVariables: i }), r = b({ ...t, uiTemplateString: r, colorVariables: l }), r = p({ ...t, uiTemplateString: r }), f(r);
+}, j = (e) => {
+  const { aiAgentColorVariables: l = {} } = e, { internalVariables: s } = h();
+  return A(() => {
+    const t = e.onGetCachedTemplate(e.templateKey);
+    return t ? P({
+      ...e,
+      rawTemplate: t,
+      aiAgentColorVariables: l,
+      internalVariables: s,
+      onRequestTemplate: e.onGetCachedTemplate
+    }) : null;
+  });
+}, q = (e) => {
+  const [l] = j(e);
+  if (l) return l;
+  const { aiAgentColorVariables: s = {} } = e, { internalVariables: t, fetchTemplate: a, suspend: i } = h();
+  return i(e.templateKey, async () => {
+    const c = await a({ ...e, suspense: !0 });
+    return await U({
+      ...e,
+      rawTemplate: c,
+      aiAgentColorVariables: s,
+      internalVariables: t
+    });
+  }).value;
+}, x = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: W } = O({
+  parser: C,
+  renderer: R,
+  Container: (e) => /* @__PURE__ */ V.createElement("div", { ...e })
+}), Y = ({
+  extendedMessagePayload: e,
+  onGetCachedMessageTemplate: l = () => null,
+  onRequestMessageTemplate: s,
+  onHandleTemplateInternalAction: t = k
+}) => {
+  const a = e == null ? void 0 : e.message_template;
+  if (!x.has((a == null ? void 0 : a.type) ?? "default")) throw new Error("Unsupported template type");
+  if (!s) throw new Error("onRequestMessageTemplate is required");
+  const r = a == null ? void 0 : a.key;
+  if (!r) throw new Error("Template key is missing");
+  const { theme: c } = B(), m = q({
+    onRequestTemplate: s,
+    onGetCachedTemplate: l,
+    theme: c.selectedTheme,
+    templateKey: r,
+    variables: a == null ? void 0 : a.variables,
+    viewVariables: a == null ? void 0 : a.view_variables,
+    aiAgentColorVariables: c.aiAgentColorVariables
+  });
+  return /* @__PURE__ */ V.createElement($, { id: `${L}-ext-message-template` }, /* @__PURE__ */ V.createElement(
+    I,
+    {
+      handleInternalAction: (n, T) => {
+        n.stopPropagation(), t == null || t(T);
+      }
+    },
+    /* @__PURE__ */ V.createElement(W, { templateItems: m.body.items, templateVersion: m.version })
+  ));
+}, $ = _.div`box-sizing:border-box;overflow:hidden;width:100%;`;
+export {
+  Y as MessageTemplateWrapper
+};