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

package/dist/es/{CXt8kUk8.js → DhZK0r9g.js}

@@ -1,5 +1,5 @@
-import { es as i } from "date-fns/locale/es";
-import { m as r } from "../index.js";
+import { es as r } from "date-fns/locale/es";
+import { m as _ } from "../index.js";
 const t = {
   conversation: {
     input_placeholder: "Hacer una pregunta",
@@ -48,6 +48,10 @@ const t = {
     a11y_file_image: (e) => `Archivo de imagen: ${e}`,
     a11y_file_video: (e) => `Archivo de video: ${e}`,
     a11y_file_document: (e) => `Archivo de documento: ${e}`,
+    a11y_received_file_image: "Archivo de imagen",
+    a11y_received_file_video: "Archivo de video",
+    a11y_received_file_pdf: (e) => `Archivo PDF: ${e}`,
+    a11y_received_files_image_count: (e) => `${e} ${e === 1 ? "imagen" : "imágenes"}`,
     a11y_screen_conversation: "Conversación",
     a11y_screen_conversation_with_agent: (e) => `Conversación con ${e}`,
     a11y_screen_conversation_list_no_count: "Lista de conversaciones",
@@ -67,7 +71,13 @@ const t = {
     a11y_hint_view_new_messages: "Se desplaza a los mensajes nuevos",
     a11y_hint_open_file: "Abre el archivo",
     a11y_hint_open_image: "Abre la imagen",
-    a11y_hint_send_reply: "Envía esta respuesta"
+    a11y_hint_send_reply: "Envía esta respuesta",
+    image_viewer_default_title: "Imagen",
+    a11y_image_viewer_close: "Cerrar visor de imágenes",
+    a11y_image_viewer_previous: "Imagen anterior",
+    a11y_image_viewer_next: "Imagen siguiente",
+    a11y_image_viewer_download: "Descargar imagen",
+    attachment_document: "Archivos"
   },
   conversation_list: {
     header_title: "Conversaciones",
@@ -95,7 +105,7 @@ const t = {
     question: "¿Cómo calificarías tu experiencia?",
     submit_label: "Enviar",
     submission_expired: "Lo sentimos, el período de la encuesta ha terminado.",
-    a11y_rating_label: (e, a) => `${e} de 5 — ${a}`,
+    a11y_csat_rating_label: (e, a) => `${e} de 5 — ${a}`,
     a11y_hint_select_rating: "Selecciona esta calificación"
   },
   form: {
@@ -127,13 +137,34 @@ const t = {
     confirm_description: "Se le transferirá a un agente humano. Se compartirá su historial de conversación.",
     confirm_cancel: "Cancelar",
     confirm_handoff: "Transferir"
+  },
+  memory: {
+    dialog_title: "Memoria de usuario",
+    desc_on: "La memoria está **activada**. Recuerda tu historial de conversación para ofrecer respuestas personalizadas adaptadas a tus preguntas y preferencias anteriores.",
+    desc_off: "La memoria está **desactivada**. Si se activa, recordará tu historial de conversación para ofrecer respuestas personalizadas adaptadas a tus preguntas y preferencias anteriores.",
+    button_use: "Usar",
+    button_dont_use: "No usar",
+    button_keep_using: "Seguir usando",
+    button_disable: "Desactivar",
+    button_disable_and_delete: "Desactivar y eliminar memoria",
+    button_keep_off: "Mantener desactivada",
+    button_enable: "Activar memoria",
+    button_cancel: "Cancelar",
+    error_message: "No se pudo actualizar el estado de la memoria. Inténtalo de nuevo.",
+    a11y_indicator_manage: "Administrar memoria",
+    a11y_indicator_on: "La memoria está activada",
+    a11y_indicator_off: "La memoria está desactivada"
+  },
+  connection_delay: {
+    title: "Algo salió mal. Se reconectará en breve.",
+    description: (e) => `Tiempo estimado de espera: ${e}`
   }
 }, o = {
   language: "es",
   strings: t,
-  dateLocale: i
-}, _ = r(o.strings), c = {
-  ..._,
+  dateLocale: r
+}, i = _(o.strings), c = {
+  ...i,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "Conectarse con un agente",
   // Message Input
@@ -147,20 +178,11 @@ const t = {
   FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: "El tamaño máximo por archivo es de %d MB.",
   FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION: "%d archivos fueron excluidos debido a los límites. Por favor, selecciona los archivos individualmente.",
   FILE_UPLOAD_PHOTOS: "Fotos",
-  FILE_UPLOAD_FILES: "Archivos",
   // File Viewer
   FILE_VIEWER__UNSUPPORT: "Mensaje no compatible",
-  // Image Viewer
-  IMAGE_VIEWER__DEFAULT_TITLE: "Imagen",
   // Accessibility
-  A11Y_IMAGE_VIEWER_CLOSE: "Cerrar visor de imágenes",
-  A11Y_IMAGE_VIEWER_PREVIOUS: "Imagen anterior",
-  A11Y_IMAGE_VIEWER_NEXT: "Imagen siguiente",
-  A11Y_IMAGE_VIEWER_DOWNLOAD: "Descargar imagen",
-  A11Y_ATTACH_FILE: "Adjuntar archivo",
   A11Y_FILE_SELECTED: (e) => `${e}, seleccionado`,
   A11Y_FILE_REMOVE_BUTTON: (e) => `Eliminar archivo: ${e}`,
-  A11Y_CSAT_RATING_LABEL: (e, a) => `${e} — ${a}`,
   A11Y_FILE_UPLOAD_OPTIONS: "Opciones de carga de archivos",
   A11Y_FAILED_MESSAGE_OPTIONS: "Opciones de mensaje fallido",
   A11Y_FEEDBACK_OPTIONS: "Opciones de comentarios",
@@ -176,7 +198,7 @@ const t = {
   FORM_VALIDATION_MAX_SELECT: (e) => `Selecciona como máximo ${e} opciones`,
   FORM_VALIDATION_REGEX_FAILED: "Formato inválido",
   /** @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/{ZdYGAJn_.js → DzAt_5Ix.js}

@@ -48,6 +48,10 @@ const o = {
     a11y_file_image: (e) => `Bilddatei: ${e}`,
     a11y_file_video: (e) => `Videodatei: ${e}`,
     a11y_file_document: (e) => `Dokumentdatei: ${e}`,
+    a11y_received_file_image: "Bilddatei",
+    a11y_received_file_video: "Videodatei",
+    a11y_received_file_pdf: (e) => `PDF-Datei: ${e}`,
+    a11y_received_files_image_count: (e) => `${e} ${e === 1 ? "Bild" : "Bilder"}`,
     a11y_screen_conversation: "Konversation",
     a11y_screen_conversation_with_agent: (e) => `Konversation mit ${e}`,
     a11y_screen_conversation_list_no_count: "Konversationsliste",
@@ -67,7 +71,13 @@ const o = {
     a11y_hint_view_new_messages: "Scrollt zu neuen Nachrichten",
     a11y_hint_open_file: "Öffnet die Datei",
     a11y_hint_open_image: "Öffnet das Bild",
-    a11y_hint_send_reply: "Sendet diese Antwort"
+    a11y_hint_send_reply: "Sendet diese Antwort",
+    image_viewer_default_title: "Bild",
+    a11y_image_viewer_close: "Bildanzeige schließen",
+    a11y_image_viewer_previous: "Vorheriges Bild",
+    a11y_image_viewer_next: "Nächstes Bild",
+    a11y_image_viewer_download: "Bild herunterladen",
+    attachment_document: "Dateien"
   },
   conversation_list: {
     header_title: "Gespräche",
@@ -75,7 +85,7 @@ const o = {
     system_message: "Systemnachricht",
     footer_title: "Ein Gespräch starten",
     multiple_files_count: (e) => `${e} ${e === 1 ? "Datei" : "Dateien"}`,
-    a11y_conversation_item: (e, n, i, _) => `${e}, ${n}, ${i}, ${_} ungelesene ${_ === 1 ? "Nachricht" : "Nachrichten"}`
+    a11y_conversation_item: (e, n, _, i) => `${e}, ${n}, ${_}, ${i} ungelesene ${i === 1 ? "Nachricht" : "Nachrichten"}`
   },
   date_format: {
     just_now: "Gerade eben",
@@ -95,7 +105,7 @@ const o = {
     question: "Wie würden Sie Ihre Erfahrung bewerten?",
     submit_label: "Absenden",
     submission_expired: "Die Umfrage ist leider nicht mehr verfügbar.",
-    a11y_rating_label: (e, n) => `${e} von 5 — ${n}`,
+    a11y_csat_rating_label: (e, n) => `${e} von 5 — ${n}`,
     a11y_hint_select_rating: "Wählt diese Bewertung aus"
   },
   form: {
@@ -127,12 +137,33 @@ const o = {
     confirm_description: "Sie werden an einen menschlichen Agenten weitergeleitet. Ihr Gesprächsverlauf wird geteilt.",
     confirm_cancel: "Abbrechen",
     confirm_handoff: "Weiterleiten"
+  },
+  memory: {
+    dialog_title: "Nutzerspeicher",
+    desc_on: "Der Speicher ist **aktiviert**. Er merkt sich Ihren Gesprächsverlauf, um personalisierte Antworten basierend auf Ihren bisherigen Fragen und Präferenzen zu liefern.",
+    desc_off: "Der Speicher ist **deaktiviert**. Wenn aktiviert, merkt er sich Ihren Gesprächsverlauf, um personalisierte Antworten basierend auf Ihren bisherigen Fragen und Präferenzen zu liefern.",
+    button_use: "Verwenden",
+    button_dont_use: "Nicht verwenden",
+    button_keep_using: "Weiter verwenden",
+    button_disable: "Deaktivieren",
+    button_disable_and_delete: "Deaktivieren und Speicher löschen",
+    button_keep_off: "Aus lassen",
+    button_enable: "Speicher aktivieren",
+    button_cancel: "Abbrechen",
+    error_message: "Speicherstatus konnte nicht aktualisiert werden. Bitte versuchen Sie es erneut.",
+    a11y_indicator_manage: "Speicher verwalten",
+    a11y_indicator_on: "Speicher ist aktiviert",
+    a11y_indicator_off: "Speicher ist deaktiviert"
+  },
+  connection_delay: {
+    title: "Etwas ist schiefgelaufen. Sie werden in Kürze wieder verbunden.",
+    description: (e) => `Geschätzte Wartezeit: ${e}`
   }
 }, t = {
   language: "de",
   strings: o,
   dateLocale: r
-}, a = s(t.strings), l = {
+}, a = s(t.strings), c = {
   ...a,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "Mit einem Agenten verbinden",
@@ -147,20 +178,11 @@ const o = {
   FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: "Die maximale Dateigröße beträgt %d MB.",
   FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION: "%d Dateien wurden aufgrund von Limits ausgeschlossen. Bitte wählen Sie Dateien einzeln aus.",
   FILE_UPLOAD_PHOTOS: "Fotos",
-  FILE_UPLOAD_FILES: "Dateien",
   // File Viewer
   FILE_VIEWER__UNSUPPORT: "Nicht unterstützte Nachricht",
-  // Image Viewer
-  IMAGE_VIEWER__DEFAULT_TITLE: "Bild",
   // Accessibility
-  A11Y_IMAGE_VIEWER_CLOSE: "Bildanzeige schließen",
-  A11Y_IMAGE_VIEWER_PREVIOUS: "Vorheriges Bild",
-  A11Y_IMAGE_VIEWER_NEXT: "Nächstes Bild",
-  A11Y_IMAGE_VIEWER_DOWNLOAD: "Bild herunterladen",
-  A11Y_ATTACH_FILE: "Datei anhängen",
   A11Y_FILE_SELECTED: (e) => `${e}, ausgewählt`,
   A11Y_FILE_REMOVE_BUTTON: (e) => `Datei entfernen: ${e}`,
-  A11Y_CSAT_RATING_LABEL: (e, n) => `${e} — ${n}`,
   A11Y_FILE_UPLOAD_OPTIONS: "Datei-Upload-Optionen",
   A11Y_FAILED_MESSAGE_OPTIONS: "Optionen für fehlgeschlagene Nachricht",
   A11Y_FEEDBACK_OPTIONS: "Feedback-Optionen",
@@ -196,7 +218,7 @@ const o = {
 }, h = {
   language: t.language,
   dateLocale: t.dateLocale,
-  stringSet: l
+  stringSet: c
 };
 export {
   h as default

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
+};