@sendbird/ai-agent-messenger-react 1.33.0 → 1.34.1

package/dist/cjs/ZOM6SoNd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),E=require("styled-components"),w=require("@sendbird/react-uikit-message-template-view"),h=require("@sendbird/uikit-message-template"),n=require("../index.cjs"),M=e=>e&&e.__esModule?e:{default:e};function A(e){if(e&&e.__esModule)return e;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(s,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return s.default=e,Object.freeze(s)}const y=A(S),I=M(E),v={VARIABLE:e=>new RegExp(`\\{${e}\\}`,"g"),VIEW_VARIABLE:e=>new RegExp(`"{@${e}}"`,"g")};function g({uiTemplateString:e,variables:s={}}){const r=n.flattenObject(s);return n.replaceVariablesSync({template:e,variables:r,variableKeyPattern:t=>v.VARIABLE(t)})}function V({theme:e,uiTemplateString:s,colorVariables:r={}}){return n.replaceVariablesSync({template:s,variables:r,variableKeyPattern:t=>v.VARIABLE(t),variableValueTransformer:t=>n.pickColorByTheme(e,t)})}function O({theme:e,uiTemplateString:s,viewVariables:r={},aiAgentColorVariables:t,internalVariables:i,onRequestTemplate:l}){const u=Object.values(r).flat().map(o=>o.key);return[...new Set(u)].some(o=>!l(o))?null:n.replaceVariablesSync({template:s,variables:r,variableKeyPattern:o=>v.VIEW_VARIABLE(o),variableValueTransformer:o=>{const f=o.map(({key:m,variables:T})=>{const d=l(m),{ui_template:c,color_variables:_}=n.parseToMessageTemplate(d);let p=JSON.stringify(c);return p=g({uiTemplateString:p,variables:i}),p=V({theme:e,uiTemplateString:p,colorVariables:_}),p=V({theme:e,uiTemplateString:p,colorVariables:t}),p=g({uiTemplateString:p,variables:T}),n.parseToUITemplate(p)});return JSON.stringify(f)}})}async function R({theme:e,uiTemplateString:s,viewVariables:r={},aiAgentColorVariables:t,internalVariables:i,onRequestTemplate:l}){return n.replaceVariablesAsync({template:s,variables:r,variableKeyPattern:a=>v.VIEW_VARIABLE(a),variableValueTransformer:async a=>{const u=a.map(async({key:o,variables:f})=>{const m=await l(o),{ui_template:T,color_variables:d}=n.parseToMessageTemplate(m);let c=JSON.stringify(T);return c=g({uiTemplateString:c,variables:i}),c=V({theme:e,uiTemplateString:c,colorVariables:d}),c=V({theme:e,uiTemplateString:c,colorVariables:t}),c=g({uiTemplateString:c,variables:f}),n.parseToUITemplate(c)}),b=await Promise.all(u);return JSON.stringify(b)}})}const C=({rawTemplate:e,aiAgentColorVariables:s,internalVariables:r,...t})=>{const{ui_template:i,color_variables:l}=n.parseToMessageTemplate(e);let a=JSON.stringify(i);if(Object.keys(t.viewVariables??{}).length>0){const b=O({...t,uiTemplateString:a,aiAgentColorVariables:s,internalVariables:r});if(b===null)return null;a=b}return a=g({...t,uiTemplateString:a,variables:r}),a=V({...t,uiTemplateString:a,colorVariables:l}),a=V({...t,uiTemplateString:a,colorVariables:s}),a=g({...t,uiTemplateString:a}),n.parseToUITemplate(a)},j=async({rawTemplate:e,aiAgentColorVariables:s,internalVariables:r,...t})=>{const{ui_template:i,color_variables:l}=n.parseToMessageTemplate(e);let a=JSON.stringify(i);return Object.keys(t.viewVariables??{}).length>0&&(a=await R({...t,uiTemplateString:a,aiAgentColorVariables:s,internalVariables:r})),a=g({...t,uiTemplateString:a,variables:r}),a=V({...t,uiTemplateString:a,colorVariables:l}),a=V({...t,uiTemplateString:a,colorVariables:s}),a=g({...t,uiTemplateString:a}),n.parseToUITemplate(a)},q=e=>{const{aiAgentColorVariables:s={}}=e,{internalVariables:r}=n.useMessageTemplateFetchingContext();return S.useState(()=>{const t=e.onGetCachedTemplate(e.templateKey);return t?C({...e,rawTemplate:t,aiAgentColorVariables:s,internalVariables:r,onRequestTemplate:e.onGetCachedTemplate}):null})},N=e=>{const[s]=q(e);if(s)return s;const{aiAgentColorVariables:r={}}=e,{internalVariables:t,fetchTemplate:i,suspend:l}=n.useMessageTemplateFetchingContext();return l(e.templateKey,async()=>{const u=await i({...e,suspense:!0});return await j({...e,rawTemplate:u,aiAgentColorVariables:r,internalVariables:t})}).value},P=new Set(["default"]),{MessageTemplate:U}=h.createMessageTemplate({parser:w.parser,renderer:w.renderer,Container:e=>y.createElement("div",{...e})}),K=({extendedMessagePayload:e,onGetCachedMessageTemplate:s=()=>null,onRequestMessageTemplate:r,onHandleTemplateInternalAction:t=n.noop,onClickLink:i})=>{const l=e==null?void 0:e.message_template;if(!P.has((l==null?void 0:l.type)??"default"))throw new Error("Unsupported template type");if(!r)throw new Error("onRequestMessageTemplate is required");const u=l==null?void 0:l.key;if(!u)throw new Error("Template key is missing");const{theme:b}=n.useMessengerThemeContext(),o=N({onRequestTemplate:r,onGetCachedTemplate:s,theme:b.selectedTheme,templateKey:u,variables:l==null?void 0:l.variables,viewVariables:l==null?void 0:l.view_variables,aiAgentColorVariables:b.aiAgentColorVariables});let f;return i&&(f=(m,T)=>{m.preventDefault(),m.stopPropagation(),T.data&&i({url:T.data})}),y.createElement(k,{id:`${n.ID_INCOMING}-ext-message-template`},y.createElement(w.MessageProvider,{handleWebAction:f,handleInternalAction:(m,T)=>{m.stopPropagation(),t==null||t(T)}},y.createElement(U,{templateItems:o.body.items,templateVersion:o.version})))},k=I.default.div`box-sizing:border-box;overflow:hidden;width:100%;`;exports.MessageTemplateWrapper=K;

package/dist/es/{tbfFzmFJ.js → ClcdzLx5.js}

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