@sendbird/ai-agent-messenger-react 1.37.0 → 1.39.0

package/dist/cjs/6HoSeQJQ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),h=require("markdown-to-jsx"),x=require("styled-components"),e=require("../index.cjs"),b=t=>t&&t.__esModule?t:{default:t};function u(t){if(t&&t.__esModule)return t;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(r,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return r.default=t,Object.freeze(r)}const d=u(c),m=b(h),f=b(x),w=e.createMarkdownPreprocessor({convertSoftBreaks:!0}),y=new RegExp(`(${e.MARK_CHAR}+)`),k=(t,r,i,n)=>r.type===h.RuleType.text&&r.text.includes(e.MARK_CHAR)?d.createElement(c.Fragment,{key:n.key},r.text.split(y).map((o,p)=>o.startsWith(e.MARK_CHAR)?d.createElement("span",{key:p,id:e.ID_MARKED_TEXT,"aria-label":"masked-text"},o):o)):t(),_=({className:t,children:r,style:i,onClickImage:n,onClickLink:o})=>{const p=c.useCallback(l=>{const a=d.createElement("img",{...l,alt:l.alt||""}),s=l.src;return n&&s?d.createElement("button",{type:"button",onClick:()=>n(s),style:{border:"none",padding:0,background:"none",cursor:"pointer",display:"block",width:"100%"}},a):a},[]);return d.createElement(M,{className:t,style:i},d.createElement(m.default,{options:{renderRule:k,disableParsingRawHTML:!0,disableAutoLink:!0,overrides:{a:{component:({children:l,href:a,...s})=>d.createElement("a",{...s,href:a,target:"_blank",rel:e.ANCHOR_REL,onClick:g=>{g.preventDefault(),a&&(o==null||o({url:a}))}},l)},img:{component:p}}}},w(r)))},M=f.default.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${e.cssVars.themedColor.textDisabled};margin:21px 0;}h1{margin-top:0;margin-bottom:12.4px;padding:0;font-size:22.4px;line-height:27.6px;font-weight:700;letter-spacing:-0.6px;}h2{font-weight:600;margin:24px 0 12px;font-size:18.2px;line-height:22.3px;}& :where(h3 + *){margin-top:0;}h3,h4,h5,h6{font-weight:600;margin:16px 0 8px;font-size:15.4px;line-height:22.4px;}p{font-size:14px;line-height:20px;margin-bottom:8px;margin-top:0;&:not(:first-child){margin-top:8px;}}a{color:inherit;font-weight:700;text-decoration:underline;}code{white-space:pre-wrap;border-radius:0.25rem;font-size:0.875em;font-weight:500;padding:2.4px 4.8px;background-color:${e.cssVars.themedColor.textDisabled};}menu{list-style:none;}ul{list-style-type:disc;}ol{list-style-type:decimal;}ul,ol{padding-inline-start:16px;margin:8px 0;& > li{padding-inline-start:0;margin:8px 0;& > ul,& > ol{margin-top:8px;& > li{margin:4px 0;}}}}p + ul,p + ol{margin-top:0;}blockquote{line-height:20px;margin:0;padding:4.8px 0;margin-inline-start:8px;padding-inline-start:16px;box-sizing:border-box;position:relative;font-style:normal;font-weight:500;border-inline-start-width:4px;&::before{border-radius:100px;content:'';position:absolute;top:0;left:0;height:100%;width:4px;background-color:${e.cssVars.themedColor.textDisabled};}}input[type='checkbox']{vertical-align:middle;margin:0;}table{unicode-bidi:isolate;overflow-wrap:break-word;white-space:normal;display:block;overflow-x:scroll;max-width:100%;text-indent:0;border-collapse:separate;border-spacing:0;margin:4px 0;text-align:start;font-size:12.3px;table-layout:auto;width:100%;*,&:after,&:before{border:0 solid;box-sizing:border-box;}}th:first-child{border-start-start-radius:6px;padding-inline-start:10.5px;}th:last-child{border-inline-end-width:1px;border-start-end-radius:6px;padding-inline-end:10.5px;}th{border-inline-start-width:1px;background-color:rgba(0,0,0,0.1);border-bottom-width:1px;border-color:${e.cssVars.themedColor.textDisabled};border-top-width:1px;padding:4px 10.5px;text-align:start;}& :where(thead th:first-child){padding-inline-start:0;}& :where(thead th:last-child){padding-inline-end:0;}& :where(thead th){padding-bottom:8px;padding-inline:8px;vertical-align:bottom;}& :where(tbody tr){border-bottom-width:1px;}& :where(tbody tr:last-child){border-bottom-width:0;}td:first-child{padding-inline-start:10.5px;}td:last-child{border-inline-end-width:1px;padding-inline-end:10.5px;}& :where(tbody td:first-child,tfoot td:first-child){padding-inline-start:0;}& :where(tbody td:last-child,tfoot td:last-child){padding-inline-end:0;}td{border-inline-start-width:1px;border-bottom-width:1px;border-color:${e.cssVars.themedColor.textDisabled};padding:4px 10.5px;text-align:start;}& :where(tbody td,tfoot td){padding:8px;}& :where(tbody td){vertical-align:baseline;}tbody tr:last-child td:first-child{border-end-start-radius:6px;}tbody tr:last-child td:last-child{border-end-end-radius:6px;}img{display:block;width:100%;height:auto;}`;exports.MarkdownText=_;

package/dist/es/{BiIgmoXQ.js → BQuWAZUg.js}

@@ -1,58 +1,62 @@
 import * as e from "react";
-import { useCallback as x } from "react";
-import g from "dompurify";
-import b, { RuleType as c } from "markdown-to-jsx";
-import m from "styled-components";
-import { A as w, e as f, c as o } from "../index.js";
-const u = (a, n, l, i) => n.type === c.textStrikethroughed ? /* @__PURE__ */ e.createElement("span", { key: i.key }, `~~${l(n.children, i)}~~`) : a(), C = ({ className: a, children: n, style: l, onClickImage: i, onClickLink: p }) => {
-  const s = x((r) => {
-    const t = /* @__PURE__ */ e.createElement("img", { ...r, alt: r.alt || "" }), d = r.src;
-    return i && d ? /* @__PURE__ */ e.createElement(
+import { useCallback as b, Fragment as c } from "react";
+import g, { RuleType as m } from "markdown-to-jsx";
+import w from "styled-components";
+import { A as u, c as n, M as s, I as f, a as y } from "../index.js";
+const k = y({ convertSoftBreaks: !0 }), E = new RegExp(`(${s}+)`), R = (l, r, h, d) => r.type === m.text && r.text.includes(s) ? /* @__PURE__ */ e.createElement(c, { key: d.key }, r.text.split(E).map(
+  (t, p) => t.startsWith(s) ? /* @__PURE__ */ e.createElement("span", { key: p, id: f, "aria-label": "masked-text" }, t) : t
+)) : l(), A = ({ className: l, children: r, style: h, onClickImage: d, onClickLink: t }) => {
+  const p = b((o) => {
+    const i = /* @__PURE__ */ e.createElement("img", { ...o, alt: o.alt || "" }), a = o.src;
+    return d && a ? /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        onClick: () => i(d),
+        onClick: () => d(a),
         style: {
           border: "none",
           padding: 0,
           background: "none",
           cursor: "pointer",
-          display: "inline-block"
+          display: "block",
+          width: "100%"
         }
       },
-      t
-    ) : t;
+      i
+    ) : i;
   }, []);
-  return /* @__PURE__ */ e.createElement(y, { className: a, style: l }, /* @__PURE__ */ e.createElement(
-    b,
+  return /* @__PURE__ */ e.createElement(v, { className: l, style: h }, /* @__PURE__ */ e.createElement(
+    g,
     {
       options: {
-        renderRule: u,
+        renderRule: R,
+        disableParsingRawHTML: !0,
+        disableAutoLink: !0,
         overrides: {
           a: {
-            component: ({ children: r, href: t, ...d }) => /* @__PURE__ */ e.createElement(
+            component: ({ children: o, href: i, ...a }) => /* @__PURE__ */ e.createElement(
               "a",
               {
-                ...d,
-                href: t,
+                ...a,
+                href: i,
                 target: "_blank",
-                rel: w,
-                onClick: (h) => {
-                  h.preventDefault(), t && (p == null || p({ url: t }));
+                rel: u,
+                onClick: (x) => {
+                  x.preventDefault(), i && (t == null || t({ url: i }));
                 }
               },
-              r
+              o
             )
           },
           img: {
-            component: s
+            component: p
           }
         }
       }
     },
-    g.sanitize(f(n))
+    k(r)
   ));
-}, y = m.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${o.themedColor.textDisabled};margin:21px 0;}h1{margin-top:0;margin-bottom:12.4px;padding:0;font-size:22.4px;line-height:27.6px;font-weight:700;letter-spacing:-0.6px;}h2{font-weight:600;margin:24px 0 12px;font-size:18.2px;line-height:22.3px;}& :where(h3 + *){margin-top:0;}h3,h4,h5,h6{font-weight:600;margin:16px 0 8px;font-size:15.4px;line-height:22.4px;}p{font-size:14px;line-height:20px;margin-bottom:8px;margin-top:0;&:not(:first-child){margin-top:8px;}}a{color:inherit;font-weight:700;text-decoration:underline;}code{white-space:pre-wrap;border-radius:0.25rem;font-size:0.875em;font-weight:500;padding:2.4px 4.8px;background-color:${o.themedColor.textDisabled};}menu{list-style:none;}ul{list-style-type:disc;}ol{list-style-type:decimal;}ul,ol{padding-inline-start:16px;margin:8px 0;& > li{padding-inline-start:0;margin:8px 0;& > ul,& > ol{margin-top:8px;& > li{margin:4px 0;}}}}p + ul,p + ol{margin-top:0;}blockquote{line-height:20px;margin:0;padding:4.8px 0;margin-inline-start:8px;padding-inline-start:16px;box-sizing:border-box;position:relative;font-style:normal;font-weight:500;border-inline-start-width:4px;&::before{border-radius:100px;content:'';position:absolute;top:0;left:0;height:100%;width:4px;background-color:${o.themedColor.textDisabled};}}input[type='checkbox']{vertical-align:middle;margin:0;}table{unicode-bidi:isolate;overflow-wrap:break-word;white-space:normal;display:block;overflow-x:scroll;max-width:100%;text-indent:0;border-collapse:separate;border-spacing:0;margin:4px 0;text-align:start;font-size:12.3px;table-layout:auto;width:100%;*,&:after,&:before{border:0 solid;box-sizing:border-box;}}th:first-child{border-start-start-radius:6px;padding-inline-start:10.5px;}th:last-child{border-inline-end-width:1px;border-start-end-radius:6px;padding-inline-end:10.5px;}th{border-inline-start-width:1px;background-color:rgba(0,0,0,0.1);border-bottom-width:1px;border-color:${o.themedColor.textDisabled};border-top-width:1px;padding:4px 10.5px;text-align:start;}& :where(thead th:first-child){padding-inline-start:0;}& :where(thead th:last-child){padding-inline-end:0;}& :where(thead th){padding-bottom:8px;padding-inline:8px;vertical-align:bottom;}& :where(tbody tr){border-bottom-width:1px;}& :where(tbody tr:last-child){border-bottom-width:0;}td:first-child{padding-inline-start:10.5px;}td:last-child{border-inline-end-width:1px;padding-inline-end:10.5px;}& :where(tbody td:first-child,tfoot td:first-child){padding-inline-start:0;}& :where(tbody td:last-child,tfoot td:last-child){padding-inline-end:0;}td{border-inline-start-width:1px;border-bottom-width:1px;border-color:${o.themedColor.textDisabled};padding:4px 10.5px;text-align:start;}& :where(tbody td,tfoot td){padding:8px;}& :where(tbody td){vertical-align:baseline;}tbody tr:last-child td:first-child{border-end-start-radius:6px;}tbody tr:last-child td:last-child{border-end-end-radius:6px;}img{max-width:100%;height:auto;}`;
+}, v = w.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${n.themedColor.textDisabled};margin:21px 0;}h1{margin-top:0;margin-bottom:12.4px;padding:0;font-size:22.4px;line-height:27.6px;font-weight:700;letter-spacing:-0.6px;}h2{font-weight:600;margin:24px 0 12px;font-size:18.2px;line-height:22.3px;}& :where(h3 + *){margin-top:0;}h3,h4,h5,h6{font-weight:600;margin:16px 0 8px;font-size:15.4px;line-height:22.4px;}p{font-size:14px;line-height:20px;margin-bottom:8px;margin-top:0;&:not(:first-child){margin-top:8px;}}a{color:inherit;font-weight:700;text-decoration:underline;}code{white-space:pre-wrap;border-radius:0.25rem;font-size:0.875em;font-weight:500;padding:2.4px 4.8px;background-color:${n.themedColor.textDisabled};}menu{list-style:none;}ul{list-style-type:disc;}ol{list-style-type:decimal;}ul,ol{padding-inline-start:16px;margin:8px 0;& > li{padding-inline-start:0;margin:8px 0;& > ul,& > ol{margin-top:8px;& > li{margin:4px 0;}}}}p + ul,p + ol{margin-top:0;}blockquote{line-height:20px;margin:0;padding:4.8px 0;margin-inline-start:8px;padding-inline-start:16px;box-sizing:border-box;position:relative;font-style:normal;font-weight:500;border-inline-start-width:4px;&::before{border-radius:100px;content:'';position:absolute;top:0;left:0;height:100%;width:4px;background-color:${n.themedColor.textDisabled};}}input[type='checkbox']{vertical-align:middle;margin:0;}table{unicode-bidi:isolate;overflow-wrap:break-word;white-space:normal;display:block;overflow-x:scroll;max-width:100%;text-indent:0;border-collapse:separate;border-spacing:0;margin:4px 0;text-align:start;font-size:12.3px;table-layout:auto;width:100%;*,&:after,&:before{border:0 solid;box-sizing:border-box;}}th:first-child{border-start-start-radius:6px;padding-inline-start:10.5px;}th:last-child{border-inline-end-width:1px;border-start-end-radius:6px;padding-inline-end:10.5px;}th{border-inline-start-width:1px;background-color:rgba(0,0,0,0.1);border-bottom-width:1px;border-color:${n.themedColor.textDisabled};border-top-width:1px;padding:4px 10.5px;text-align:start;}& :where(thead th:first-child){padding-inline-start:0;}& :where(thead th:last-child){padding-inline-end:0;}& :where(thead th){padding-bottom:8px;padding-inline:8px;vertical-align:bottom;}& :where(tbody tr){border-bottom-width:1px;}& :where(tbody tr:last-child){border-bottom-width:0;}td:first-child{padding-inline-start:10.5px;}td:last-child{border-inline-end-width:1px;padding-inline-end:10.5px;}& :where(tbody td:first-child,tfoot td:first-child){padding-inline-start:0;}& :where(tbody td:last-child,tfoot td:last-child){padding-inline-end:0;}td{border-inline-start-width:1px;border-bottom-width:1px;border-color:${n.themedColor.textDisabled};padding:4px 10.5px;text-align:start;}& :where(tbody td,tfoot td){padding:8px;}& :where(tbody td){vertical-align:baseline;}tbody tr:last-child td:first-child{border-end-start-radius:6px;}tbody tr:last-child td:last-child{border-end-end-radius:6px;}img{display:block;width:100%;height:auto;}`;
 export {
-  C as MarkdownText
+  A as MarkdownText
 };

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

@@ -3,7 +3,7 @@ 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 v, d as y, u as h, g as B, I as G, n as J } from "../index.js";
+import { r as M, f as K, b as S, p as N, d as v, e as y, u as h, g as B, h as G, n as J } from "../index.js";
 const w = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
   VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")