@bcrumbs.net/bc-chat 1.0.76 โ 1.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +87 -87
- package/build/index.es.js +142 -74
- package/build/index.es.js.map +1 -1
- package/build/index.js +141 -73
- package/build/index.js.map +1 -1
- package/package.json +115 -115
package/build/index.es.js
CHANGED
|
@@ -1,26 +1,78 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useMemo as i,useCallback as o,useRef as a,useState as r,useEffect as l,useLayoutEffect as s}from"react";import c from"@emotion/styled";import d from"react-markdown";import g from"rehype-raw";import{franc as p}from"franc-min";import{v4 as h}from"uuid";import{BlobServiceClient as u,AnonymousCredential as m}from"@azure/storage-blob";const C={MaxFileSize:52428800,SupportedFormats:["png","jpg","jpeg","gif","bmp","pdf","doc","xls","xlsx","docx","ppt","pptx","avi","m4a","m4v","mov","mp4","wav","wma","wmv"],SupportedImageFormats:["png","jpg","jpeg","gif","bmp","webp"],SupportedAudioFormats:["mp3","acc","m4a","ogg","amr","webm","m4a"]},b="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAACXBIWXMAAAsSAAALEgHS3X78AAAFa0lEQVR42u2bX0xTVxzHvzqqVOqQrtJC2gmF4ooMWNg6FEJE3NhClpnG8aBzsTHugbgsLltiJg/6NI3J5pLFLbpIIjEjLuriiH9qnESlI6BQWcGsSEvT2lK8q0CvFChme1hwXs5tKfTWXfT83s6fe3Lz6fn9zvl9f7eL9L/u/xvPuS0GNQqBQqAQKAQKYaYlzfdBk0qPtzRFnL7L7ttoGLzz/EBQSlNRrMzj9HUzA9QdaEygECgECoFCoBAoBAqBQqAQKASaRQph6UlLUCJToCjtZcgkydCmqh6PPQyPo39kEP7QCDoeeGCbCD5bEN5dkQljlgFl6sKo854c97EMfvf2osl1K+FAEgqhPEWBuvyNRModi2XIFDDmVcCYV4FLjnZ8Zf8NQ1OTCysmmFR6HK2smxeAmVatNaC56lPUKrIXzk74Jv8dVGsNEcfZcAh3A25OX4pECp1cE/EZmUSKfaXbUGi/hnp7i7gh7Mku5QXAhkMwOztw8Z4NNx4yEZ+vVWRjbfrqiBCNeRVISUrG7t6L4oRQqMji3f4nesw47u6MyadPMU6cYpwo6G/Fl4U1vOtVaw0wBVyC6ZmCxoSZL8yGQ/j46hEccLbNOajZJoLY0tGEI9ZzvONfvP4BylMU4g6MbDiEz240RN36sdh3HisO3fyZd6wuf6O4j8hoAIxpq1CQqkbWciUAYGxqHANBPywBJyxjAWJ+w+AdKHvM+GjN28TOM6n0cbtFQiCc6DHzAjCmrcJ23QaolsmJMYNSj1qsh+0vJ37sbyFgHHC2YW2GnjhBNmlL44awOBFucNzdSfQfzK3CnqLNvACetIKXsnHYYMK2lWRA/KH3EtGnk2vijg2CQzhjv04EwYO5VahUF89pnU/WvAdj2ipO34VhL3wsucPK03PFBaHZ20O4wFwBTNuu/BooXljC6Tt718J7NIsGgo9liGRnu27DvNeTSaTYnvEqp8/6wEPMy41y03zqEBzDXk573TL5rDFgNqvI5GaefAFXJpGKB0L/yCAXgjz+hEe1TI51M0D2zcg7ptP1Z1pZkiUt5bQfhkMLI5VeSEYhCA1BJknmtP0CyWLmUV/URA0AbrGMOCA8KZwCwIXAQNxrtvu5V+KCpct558UjvQmeSqcn/Xe5YR5N4qrHGtea5+51cdpvpKmJOXynxf8aE2oUOZz2Ied1sPOM5lc9VsIV1qlWE/P+YJzigrBJW8ppM48mUd/VNGcQjlEvDjmvE67AJ9t3B1zigqCTawhV2DIWQH1XExyj3tjyj4E27Lp9Gswjrp/vyCnjvaqfinMnJERP+LxkM1qufMsJVpaxACydP2HbyjzUaEqgfTGTSME7/H/iylAv4QLTN0I+8fWyq1OcypJMIsXh14zY0tFEjDXet6Pxvv1xbiFLWgr3eBB3JtmI65WnKLD/za0xaxeiuSwVK/NwrHgT57SYaZaxAMyjvlkBfF1u4k2Svr/dLEhVSlAIVr+d0y5TF+KYYeu8lZ9d6uKIAFo93YJJ7oK6Q2PfNaKSpJNrcLSyDpcc7TjtuhmT+mxS6fHhK5XIkPHD6wu4sdd2XrD3Fjwm7Gw/iWOGrYQgWq01oFprgI9l0D3kgD80DEfQj+DUBFTJqVBKU5GTqkKRUhdVH+gLuLGz/aSgxVnBIQxNTUYEAfxbbY70C89mrZ5u7LWdF7w6nZDAODQ1ifctDThjvybIemw4hH1tjdhp/SUh5fmEfp9Qb29Bk+sWduSURa1SRzIfy+CyqzPmOuZTh+APjRCnQTBMvqhtIojdvRdR0N+K9StzUKTIgnZFJq9LTJfsHSODaB2y48KwF0/DFtE/h1JliUKgECgECoFCoBAi2D8QCAe+XuY7HAAAAABJRU5ErkJggg==",f=["๐ค","๐","๐","โน๏ธ","๐ฒ","๐ณ","๐ ","๐","๐","๐","๐","๐คฃ","๐","๐","๐
","๐","๐","๐","๐","๐ฃ","๐ฅ","๐ฎ","๐ด","๐","๐","๐","๐","๐","๐ค","๐ค","๐","๐","๐ถ","๐"],x="bc-message-list-content";const y=c.div`
|
|
2
2
|
font-size: var(--bc-chat-fontSize-xs);
|
|
3
3
|
opacity: 0.7;
|
|
4
4
|
font-weight: 400;
|
|
5
5
|
display: inline;
|
|
6
6
|
white-space: nowrap;
|
|
7
|
-
`,
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
`,v=({createdAt:n})=>e(y,{children:new Date(n).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})}),w=()=>n("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M1.5 12.5L5.57574 16.5757C5.81005 16.8101 6.18995 16.8101 6.42426 16.5757L9 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),e("path",{d:"M16 7L12 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),e("path",{d:"M7 12L11.5757 16.5757C11.8101 16.8101 12.1899 16.8101 12.4243 16.5757L22 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),M={delivered:w,failed:()=>e("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}),read:w,sent:()=>e("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M5 13L9 17L19 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),pending:()=>e("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M7.50009 0.877014C3.84241 0.877014 0.877258 3.84216 0.877258 7.49984C0.877258 11.1575 3.8424 14.1227 7.50009 14.1227C11.1578 14.1227 14.1229 11.1575 14.1229 7.49984C14.1229 3.84216 11.1577 0.877014 7.50009 0.877014ZM1.82726 7.49984C1.82726 4.36683 4.36708 1.82701 7.50009 1.82701C10.6331 1.82701 13.1729 4.36683 13.1729 7.49984C13.1729 10.6328 10.6331 13.1727 7.50009 13.1727C4.36708 13.1727 1.82726 10.6328 1.82726 7.49984ZM8 4.50001C8 4.22387 7.77614 4.00001 7.5 4.00001C7.22386 4.00001 7 4.22387 7 4.50001V7.50001C7 7.63262 7.05268 7.7598 7.14645 7.85357L9.14645 9.85357C9.34171 10.0488 9.65829 10.0488 9.85355 9.85357C10.0488 9.65831 10.0488 9.34172 9.85355 9.14646L8 7.29291V4.50001Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})},A=({message:n})=>{if(!n.status)return null;const t=M[n.status];return e("div",{className:`status-icon ${n.status||""}`,children:e(t,{})})},L=c.div`
|
|
8
|
+
position: relative;
|
|
9
|
+
font-size: var(--bc-chat-fontSize-sm);
|
|
10
|
+
background: var(--bc-background-primary-50);
|
|
11
|
+
color: var(--bc-chat-text-secondary);
|
|
10
12
|
border-left: 3px solid var(--bc-border-primary);
|
|
11
13
|
border-radius: 4px;
|
|
12
|
-
|
|
14
|
+
padding: 8px;
|
|
15
|
+
margin-bottom: 4px;
|
|
16
|
+
max-width: 300px;
|
|
17
|
+
min-width: 100px;
|
|
18
|
+
width: auto;
|
|
19
|
+
direction: ${e=>"arb"===e.language?"rtl":"ltr"};
|
|
20
|
+
`,k=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8.02979 0.833008C9.2539 0.833002 10.2137 0.833568 10.9751 0.916016C11.7521 1.00019 12.3819 1.17495 12.9194 1.56543C13.2448 1.80185 13.5316 2.08768 13.7681 2.41309C14.1586 2.95061 14.3333 3.58045 14.4175 4.35742C14.5 5.11878 14.4995 6.07853 14.4995 7.30273V8.69629C14.4995 9.92064 14.5 10.8812 14.4175 11.6426C14.3333 12.4192 14.1583 13.0486 13.7681 13.5859C13.5316 13.9114 13.2449 14.1981 12.9194 14.4346C12.3819 14.825 11.752 14.9998 10.9751 15.084C10.2138 15.1664 9.25388 15.167 8.02979 15.167H7.96924C6.74512 15.167 5.78525 15.1665 5.02393 15.084C4.24704 14.9998 3.61707 14.8251 3.07959 14.4346C2.75426 14.1982 2.46831 13.9113 2.23193 13.5859C1.84161 13.0485 1.6667 12.4193 1.58252 11.6426C1.50002 10.8812 1.49951 9.92065 1.49951 8.69629V7.30273C1.49951 6.07853 1.50003 5.11878 1.58252 4.35742C1.66671 3.58046 1.8414 2.9506 2.23193 2.41309C2.46826 2.08784 2.75436 1.80178 3.07959 1.56543C3.61707 1.17493 4.24705 1.00021 5.02393 0.916016C5.78535 0.83352 6.74586 0.833002 7.97021 0.833008H8.02979ZM7.99951 1.83301C6.73888 1.83301 5.8335 1.83422 5.13232 1.91016C4.44038 1.98512 4.00615 2.12797 3.66748 2.37402C3.42698 2.54877 3.21527 2.76047 3.04053 3.00098C2.79457 3.33956 2.65163 3.77322 2.57666 4.46484C2.50068 5.1661 2.49951 6.07207 2.49951 7.33301V8.66699C2.49951 9.92761 2.50072 10.833 2.57666 11.5342C2.65163 12.2261 2.79447 12.6604 3.04053 12.999C3.21517 13.2394 3.42714 13.4503 3.66748 13.625C4.00615 13.8711 4.44038 14.0149 5.13232 14.0898C5.8335 14.1658 6.7389 14.167 7.99951 14.167C9.26045 14.167 10.1664 14.1658 10.8677 14.0898C11.5596 14.0149 11.9929 13.871 12.3315 13.625C12.5719 13.4503 12.7838 13.2394 12.9585 12.999C13.2046 12.6604 13.3484 12.2261 13.4233 11.5342C13.4993 10.833 13.4995 9.9276 13.4995 8.66699V7.33301C13.4995 6.07207 13.4993 5.1661 13.4233 4.46484C13.3484 3.77313 13.2045 3.33958 12.9585 3.00098C12.7838 2.76055 12.572 2.54872 12.3315 2.37402C11.9929 2.12815 11.5593 1.98509 10.8677 1.91016C10.1664 1.83419 9.26046 1.83301 7.99951 1.83301ZM8.99951 7.5C9.27565 7.5 9.49951 7.72386 9.49951 8C9.49945 8.27609 9.27562 8.5 8.99951 8.5H6.99951C6.72358 8.49979 6.49957 8.27596 6.49951 8C6.49951 7.72399 6.72355 7.50021 6.99951 7.5H8.99951ZM10.6665 4.16699C10.9426 4.16699 11.1665 4.39085 11.1665 4.66699C11.1663 4.94293 10.9425 5.16699 10.6665 5.16699H5.3335C5.0575 5.16699 4.83373 4.94293 4.8335 4.66699C4.8335 4.39085 5.05735 4.16699 5.3335 4.16699H10.6665Z",fill:"#384250"})}),I=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8.03833 1.16626C9.49865 1.16625 10.6457 1.16695 11.5413 1.28735C12.4589 1.41074 13.1869 1.66846 13.759 2.24048C14.3311 2.81255 14.5897 3.54061 14.7131 4.45825C14.8335 5.35386 14.8333 6.50169 14.8333 7.96216V8.03833C14.8333 9.49865 14.8335 10.6457 14.7131 11.5413C14.5897 12.459 14.3312 13.1869 13.759 13.759C13.1869 14.3312 12.459 14.5897 11.5413 14.7131C10.6457 14.8335 9.49865 14.8333 8.03833 14.8333H7.96216C6.50169 14.8333 5.35386 14.8335 4.45825 14.7131C3.54061 14.5897 2.81255 14.3311 2.24048 13.759C1.66846 13.1869 1.41074 12.4589 1.28735 11.5413C1.16695 10.6457 1.16625 9.49865 1.16626 8.03833V7.96216C1.16625 6.50169 1.16694 5.35386 1.28735 4.45825C1.41076 3.54065 1.66842 2.81253 2.24048 2.24048C2.81253 1.66842 3.54065 1.41076 4.45825 1.28735C5.35386 1.16694 6.50169 1.16625 7.96216 1.16626H8.03833ZM8.00024 2.16626C6.4935 2.16626 5.41327 2.16721 4.59204 2.27759C3.78516 2.38607 3.30287 2.59215 2.94751 2.94751C2.59215 3.30287 2.38607 3.78516 2.27759 4.59204C2.16721 5.41327 2.16626 6.4935 2.16626 8.00024C2.16626 9.50698 2.16718 10.5872 2.27759 11.4084C2.38607 12.215 2.59229 12.6967 2.94751 13.052C3.30287 13.4074 3.78516 13.6134 4.59204 13.7219C5.41328 13.8323 6.49347 13.8333 8.00024 13.8333C9.50698 13.8333 10.5872 13.8323 11.4084 13.7219C12.2151 13.6134 12.6967 13.4073 13.052 13.052C13.4073 12.6967 13.6134 12.2151 13.7219 11.4084C13.8323 10.5872 13.8333 9.50698 13.8333 8.00024C13.8333 6.49347 13.8323 5.41328 13.7219 4.59204C13.6134 3.78516 13.4074 3.30287 13.052 2.94751C12.6967 2.59229 12.215 2.38607 11.4084 2.27759C10.5872 2.16718 9.50698 2.16626 8.00024 2.16626ZM7.66626 4.16626C7.9423 4.16626 8.1661 4.39025 8.16626 4.66626V5.08618H11.3333C11.6094 5.0862 11.8333 5.31005 11.8333 5.58618C11.8332 5.86228 11.6094 6.08617 11.3333 6.08618H10.0354C9.67594 7.15336 9.07458 8.15266 8.39868 9.04321L9.38403 10.0667C9.57541 10.2656 9.56919 10.5822 9.37036 10.7737C9.17135 10.9651 8.85477 10.959 8.66333 10.76L7.76489 9.82642C7.15169 10.5388 6.50925 11.1723 5.93384 11.7014C5.73061 11.8883 5.41373 11.8753 5.22681 11.6721C5.03989 11.4689 5.05381 11.152 5.25708 10.9651C5.84141 10.4278 6.48626 9.78887 7.09009 9.07642C6.93782 8.88517 6.78036 8.67798 6.63599 8.47778C6.41136 8.16628 6.19307 7.83617 6.08521 7.60474C5.96867 7.35457 6.07637 7.05741 6.32642 6.94067C6.57671 6.82402 6.8748 6.93257 6.99146 7.18286C7.05513 7.31933 7.2223 7.58051 7.44751 7.89282C7.53777 8.01799 7.63329 8.14593 7.72876 8.26978C8.23685 7.57834 8.67347 6.84354 8.97095 6.08618H4.66626C4.39028 6.08602 4.1663 5.86219 4.16626 5.58618C4.16626 5.31014 4.39025 5.08634 4.66626 5.08618H7.16626V4.66626C7.16642 4.39035 7.39035 4.16642 7.66626 4.16626Z",fill:"#384250"})}),E=c(L)`
|
|
21
|
+
min-width: 160px;
|
|
22
|
+
`,R=c.div`
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
gap: 6px;
|
|
26
|
+
margin-bottom: 12px;
|
|
27
|
+
`,S=c.div`
|
|
28
|
+
display: flex;
|
|
29
|
+
align-items: center;
|
|
30
|
+
gap: 6px;
|
|
31
|
+
font-size: var(--bc-chat-fontSize-sm);
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
`,F=c.div`
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-direction: column;
|
|
36
|
+
gap: 8px;
|
|
37
|
+
`,D=c.span`
|
|
38
|
+
color: var(--bc-chat-text-secondary-darkest);
|
|
39
|
+
font-size: var(--bc-chat-fontSize-sm);
|
|
40
|
+
font-weight: var(--bc-chat-fontWeight-regular);
|
|
41
|
+
line-height: var(--bc-chat-lineHeight-sm);
|
|
42
|
+
text-transform: capitalize;
|
|
43
|
+
`,B=c.div`
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: row;
|
|
46
|
+
align-items: center;
|
|
47
|
+
justify-content: space-between;
|
|
48
|
+
gap: 8px;
|
|
49
|
+
|
|
50
|
+
color: var(--bc-chat-text-secondary-darkest);
|
|
13
51
|
font-size: var(--bc-chat-fontSize-sm);
|
|
14
|
-
|
|
52
|
+
font-weight: var(--bc-chat-fontWeight-medium);
|
|
53
|
+
line-height: var(--bc-chat-lineHeight-sm);
|
|
54
|
+
`,z=c.span`
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
text-transform: capitalize;
|
|
57
|
+
`,N=c.span`
|
|
58
|
+
font-weight: var(--bc-chat-fontWeight-regular);
|
|
59
|
+
`,Z=c.div`
|
|
60
|
+
display: flex;
|
|
61
|
+
flex-direction: column;
|
|
62
|
+
gap: 4px;
|
|
63
|
+
`,T={en:"English",en_US:"English",en_GB:"English",ar:"Arabic",ar_SA:"Arabic",tr:"Turkish",tr_TR:"Turkish",es:"Spanish",es_ES:"Spanish",fr:"French",fr_FR:"French",de:"German",de_DE:"German",it:"Italian",it_IT:"Italian",pt:"Portuguese",pt_BR:"Portuguese",pt_PT:"Portuguese",ru:"Russian",ru_RU:"Russian",zh:"Chinese",zh_CN:"Chinese",ja:"Japanese",ja_JP:"Japanese",ko:"Korean",ko_KR:"Korean",hi:"Hindi",hi_IN:"Hindi"},H=({messageContent:t,isMyMessage:o,isTemplateReply:a,messageContext:r,configLanguage:l})=>{const s=i((()=>{try{return JSON.parse(t)}catch(e){return void console.log(e.message)}}),[t]),c="string"==typeof s?.language?s.language:s?.language?.code,d=i((()=>(e=>{if(!e)return;if(T[e])return T[e];const n=e.split("_")[0].toLowerCase();return T[n]?T[n]:e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()})(c)),[c]),g=i((()=>{if(!s)return[];const e=[];if(s.templateComponents){let n=[];try{"string"==typeof s.templateComponents?n=JSON.parse(s.templateComponents):Array.isArray(s.templateComponents)&&(n=s.templateComponents)}catch(n){return console.log("Error parsing templateComponents:",n.message),e}n.forEach(((n,t)=>{if(!n||"object"!=typeof n)return;const i=n.type||"unknown",o=n.parameters||[];if("body"===i)o.forEach(((n,t)=>{if(n&&"object"==typeof n){const i=n.text||n.value||JSON.stringify(n),a=o.length>1?`Body Parameter ${t+1}`:"Body";e.push({label:a,value:String(i)})}}));else if("button"===i){const i=void 0!==n.index?n.index:t,a=n.sub_type||n.subType||"";o.forEach(((n,t)=>{if(n&&"object"==typeof n){const r=n.text||n.value||JSON.stringify(n),l=a?`Button ${i} (${a})`:`Button ${i}`,s=o.length>1?`${l} - Parameter ${t+1}`:l;e.push({label:s,value:String(r)})}}))}else o.forEach(((n,t)=>{if(n&&"object"==typeof n){const a=n.text||n.value||JSON.stringify(n),r=i.charAt(0).toUpperCase()+i.slice(1),l=o.length>1?`${r} Parameter ${t+1}`:r;e.push({label:l,value:String(a)})}}))}))}return e}),[s]);return s?e(Z,{children:n(E,{isMyMessage:o,language:l,children:[n(R,{children:[n(S,{children:[e(k,{}),e(D,{children:s.name||"Template"})]}),d&&n(S,{children:[e(I,{}),e(D,{children:d})]})]}),g.length>0&&e(F,{children:g.map(((t,i)=>n(B,{children:[e(z,{children:t.label}),e(N,{children:t.value})]},i)))})]})}):null},P=c(L)`
|
|
15
64
|
overflow: hidden;
|
|
16
65
|
text-overflow: ellipsis;
|
|
17
66
|
white-space: nowrap;
|
|
18
|
-
direction: ${e=>"arb"===e.language?"rtl":"ltr"};
|
|
19
67
|
cursor: pointer;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
68
|
+
|
|
69
|
+
&::after {
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
72
|
+
`,j=c.div`
|
|
73
|
+
white-space: normal;
|
|
74
|
+
cursor: pointer;
|
|
75
|
+
`,U=({className:n,context:t,isMyMessage:i,language:a})=>{const r=o((()=>{const e=document.getElementById(x),n=document.getElementById(t.replyToId);e&&n&&(e.style.scrollBehavior="smooth",n.scrollIntoView())}),[t.replyToId]),l=()=>"image"===t.replyToType?e("img",{src:t.replyToContent,alt:"Media preview",style:{width:"30px",height:"30px",objectFit:"cover",marginLeft:"8px",verticalAlign:"middle"}}):"template"===t.replyToType&&t.replyToContent?e(j,{onClick:r,children:e(H,{messageContent:t.replyToContent,isMyMessage:i,isTemplateReply:!1,configLanguage:a})}):t.replyToContent;return"template"===t.replyToType?e("div",{className:n,onClick:r,children:l()}):e(P,{className:n,isMyMessage:i,language:a,onClick:r,children:l()})},V=c.div`
|
|
24
76
|
position: relative;
|
|
25
77
|
background-image: ${e=>e.isMyMessage?"linear-gradient(104deg,var(--bc-chat-my-message-background-start-color),var(--bc-chat-my-message-background-end-color))":"linear-gradient(104deg,var(--bc-chat-other-message-background-start-color),var(--bc-chat-other-message-background-end-color))"};
|
|
26
78
|
color: ${e=>e.isMyMessage?"var(--bc-chat-my-message-text-color)":"var(--bc-chat-other-message-text-color)"};
|
|
@@ -50,21 +102,21 @@ import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useCallba
|
|
|
50
102
|
background-size: 100% 100%;
|
|
51
103
|
background-repeat: no-repeat;
|
|
52
104
|
}
|
|
53
|
-
`,
|
|
105
|
+
`,G=c.div`
|
|
54
106
|
display: flex;
|
|
55
107
|
gap: 8px;
|
|
56
108
|
box-sizing: border-box;
|
|
57
109
|
${e=>e.isMedia?"flex-direction: column;":e.isMyMessage?"flex-direction: row;":"flex-direction: row-reverse;"}
|
|
58
|
-
`,
|
|
110
|
+
`,J=c.div`
|
|
59
111
|
direction: ${e=>"arb"===e.language?"rtl":"ltr"};
|
|
60
112
|
flex: 1;
|
|
61
|
-
`,
|
|
113
|
+
`,K=c.div`
|
|
62
114
|
display: flex;
|
|
63
115
|
align-items: flex-end;
|
|
64
116
|
justify-content: ${e=>e.isMedia&&e.isMyMessage?"flex-end":"flex-start"};
|
|
65
117
|
margin-bottom: -4px;
|
|
66
118
|
gap: 4px;
|
|
67
|
-
`,
|
|
119
|
+
`,W=c.button`
|
|
68
120
|
display: none;
|
|
69
121
|
position: absolute;
|
|
70
122
|
${e=>e.isMyMessage&&!e.isRTL||!e.isMyMessage&&e.isRTL?"left: -40px;":"right: -40px;"}
|
|
@@ -87,7 +139,7 @@ import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useCallba
|
|
|
87
139
|
background-color: rgba(22, 97, 108, 0.12);
|
|
88
140
|
outline: none;
|
|
89
141
|
}
|
|
90
|
-
`,D=()=>e("svg",{width:"15",height:"16",viewBox:"0 0 15 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.2232 8.33921C6.85992 8.33921 5.54564 8.35033 5.54564 8.35033V11.3333L1.29228 6.67275L5.54564 2.00666V5.01186C5.54564 5.01186 6.93435 4.99519 7.2232 5.0063C11.146 5.1285 13.8701 9.59462 13.8879 11.6832C12.6892 10.1445 9.53958 8.33921 7.2232 8.33921ZM6.65828 3.90089V0.623508C6.67716 0.456862 6.63217 0.290241 6.50552 0.162479C6.28554 -0.0541598 5.92892 -0.0541598 5.70895 0.162479L0.160208 6.25058C0.0430006 6.36723 -0.00699451 6.51722 0.000782283 6.67275C-0.00699451 6.82273 0.0430006 6.97827 0.160208 7.09493L5.6784 13.1442C5.78061 13.2719 5.92892 13.3553 6.10168 13.3553C6.25944 13.3553 6.39997 13.2886 6.50107 13.183C6.50218 13.183 6.50441 13.183 6.50552 13.1775C6.63217 13.0553 6.67716 12.8831 6.65828 12.722C6.65828 12.722 6.66772 9.63904 6.66772 9.45018C10.3339 9.45018 13.6496 12.0887 14.3079 15.5661C14.7511 14.544 15 13.4219 15 12.2387C15 7.63375 11.2649 3.90089 6.65828 3.90089Z",fill:"#161616"})}),B=({isMyMessage:t,createdAt:i,children:a,className:r,message:s,config:l,style:c,onReply:d,isMedia:g})=>{const h=p(s.content),u="AR"===l.language,m=s?.messageId,b=Boolean(d&&m),C=o((()=>{m&&d?.(m)}),[m,d]),x=i||s&&l&&l.isAgent===s.isAgent?n(F,{isMedia:g,isMyMessage:t,children:[s&&l&&l.isAgent===s.isAgent&&e(A,{message:s,config:l}),i&&e(y,{createdAt:i})]}):null;return n(I,{isMyMessage:t,isMedia:g,language:l.language,className:r,style:c,children:[b?e(S,{className:"bc-replyButton",type:"button",onClick:C,isRTL:u,isMyMessage:t,children:e(D,{})}):null,s.context&&s.context.replyToId?e(k,{context:s.context,isMyMessage:t,language:h}):null,n(E,{isMyMessage:t,isMedia:g,children:[n(R,{language:h,children:[a,g&&x]}),!g&&x]})]})},z=({message:n,config:t,searchPattern:o,onReply:i})=>{const a=t.isAgent===n.isAgent;return e(B,{className:"bc-textMessage",isMyMessage:a,createdAt:n.createdAt,message:n,config:t,onReply:i,children:(n.content&&n.content.indexOf("\n")>-1?n.content.split("\n"):[n.content]).map(((t,i)=>{const a=o&&o.trim()?function(e,n){const t=(o=n.trim(),o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"));var o;if(!t)return e;const i=new RegExp(`(${t})`,"gi");return e.replace(i,'<span style="background-color: var(--bc-chat-message-highlight-color, yellow); padding: 3px 0;">$1</span>')}(t,o):t;return e(d,{rehypePlugins:[g],skipHtml:!1,children:a},`${n.messageId}-${i}`)}))})};function N(e){if(!isFinite(e)||e<0)return"0:00";return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}function Z({src:t}){const l=i(null),[c,d]=a(!1),[g,p]=a(!0),[h,u]=a(0),[m,b]=a(0),C=r((()=>{const e=function(e){let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return()=>{n+=1831565813;let e=Math.imul(n^n>>>15,1|n);return e^=e+Math.imul(e^e>>>7,61|e),((e^e>>>14)>>>0)/4294967296}}(t),n=[];for(let t=0;t<82;t++){const o=.6*Math.sin(t/82*Math.PI)+.2,i=.25*(e()-.5),a=Math.min(1,Math.max(.15,o+i));n.push(a)}return n}),[t]);s((()=>{const e=l.current;if(!e)return;const n=()=>{u(e.duration),p(!1)},t=()=>b(e.currentTime),o=()=>d(!1),i=()=>{document.querySelectorAll("video, audio").forEach((n=>{n!==e&&n.pause()})),d(!0)},a=()=>d(!1);return e.addEventListener("loadedmetadata",n),e.addEventListener("timeupdate",t),e.addEventListener("ended",o),e.addEventListener("play",i),e.addEventListener("pause",a),()=>{e.removeEventListener("loadedmetadata",n),e.removeEventListener("timeupdate",t),e.removeEventListener("ended",o),e.removeEventListener("play",i),e.removeEventListener("pause",a)}}),[t]);const x=o((()=>{const e=l.current;e&&(e.paused?e.play():e.pause())}),[]),f=o((e=>{const n=l.current;if(!n||!h)return;const t=e.currentTarget.getBoundingClientRect(),o=Math.min(1,Math.max(0,(e.clientX-t.left)/t.width));n.currentTime=o*h,b(n.currentTime)}),[h]),v=h?Math.min(1,m/h):0;return n("div",{className:"bc-audioPlayer",role:"group","aria-label":"Audio message player",children:[e("button",{type:"button",className:"bc-audioPlayer__button "+(c?"pause":"play"),onClick:x,"aria-label":c?"Pause audio":"Play audio"}),n("div",{className:"bc-audioPlayer__wave",onClick:f,children:[e("div",{className:"bc-audioPlayer__wave--future",children:C.map(((n,t)=>e("span",{style:{height:`${Math.round(18*n)}px`}},`f-${t}`)))}),e("div",{className:"bc-audioPlayer__wave--past",style:{width:100*v+"%"},children:C.map(((n,t)=>e("span",{style:{height:`${Math.round(18*n)}px`}},`p-${t}`)))})]}),e("div",{className:"bc-audioPlayer__time","aria-live":"polite",children:g?"--:--":N(h)}),e("audio",{ref:l,src:t,preload:"metadata"})]})}const T=({message:t,config:r,onReply:l})=>{const[c,d]=a(!1),[g,p]=a(!0),h=i(null),u=o((()=>{const e=h.current;e&&console.error("Media playback error:",{src:e.src,error:e.error,networkState:e.networkState,readyState:e.readyState,messageType:t.type}),d(!0),p(!1)}),[t.type]),m=o((()=>{console.log("Media loaded successfully:",t.content),p(!1)}),[t.content]),b=o((()=>{console.log("Media can play:",t.content),p(!1)}),[t.content]),C=o((()=>{console.log("Media load started:",t.content)}),[t.content]);s((()=>{const e=()=>{document.querySelectorAll("video, audio").forEach((e=>{e!==h.current&&e.pause()}))},n=h.current;if(n){n.addEventListener("play",e),n.addEventListener("loadeddata",m),n.addEventListener("canplay",b),n.addEventListener("error",u),n.addEventListener("loadstart",C);const o=setTimeout((()=>{console.log("Loading timeout reached for:",t.content),p(!1)}),5e3);return()=>{n&&(n.removeEventListener("play",e),n.removeEventListener("loadeddata",m),n.removeEventListener("canplay",b),n.removeEventListener("error",u),n.removeEventListener("loadstart",C)),clearTimeout(o)}}}),[b,C,u,m,t.content,t.type]);const x=r.isAgent===t.isAgent;return c?n(B,{className:"bc-mediaMessage"+("audio"===t.type?" audio":""),isMyMessage:x,isMedia:!0,createdAt:t.createdAt,message:t,config:r,onReply:l,children:[n("p",{style:{margin:0,color:"#666"},children:["Unable to load ","audio"===t.type?"audio":"video"," file."]}),n("a",{href:t.content,target:"_blank",rel:"noopener noreferrer",style:{color:"#007bff",textDecoration:"none"},children:["Open ","audio"===t.type?"audio":"video"," in new tab"]})]}):"audio"===t.type?e(B,{className:"bc-mediaMessage audio",isMyMessage:x,isMedia:!0,createdAt:t.createdAt,message:t,config:r,style:{position:"relative"},onReply:l,children:e(Z,{src:t.content})}):n(B,{className:"bc-mediaMessage",isMyMessage:x,isMedia:!0,createdAt:t.createdAt,message:t,config:r,style:{position:"relative"},onReply:l,children:[e("video",{ref:h,src:t.content,controls:!0,preload:"metadata",playsInline:!0,onError:u,onLoadedData:m,onCanPlay:b,onLoadStart:C}),g&&e("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",fontSize:"14px",zIndex:1},children:"Loading video..."})]})};var P={EN:{share_my_location:"Share My Location",share_my_current_location:"Share My Current Location",placeholder:"Message...",notePlaceholder:"Add your note",see_your_location:"See Your Location",location_permission:"Please give location permission",download:"Download"},AR:{share_my_location:"ู
ุดุงุฑูุฉ ู
ููุนู",share_my_current_location:"ู
ุดุงุฑูุฉ ู
ููุนู ุงูุญุงูู",placeholder:"ุงูุฑุณุงูุฉ...",notePlaceholder:"ุฃุถู ู
ูุงุญุธุชู",see_your_location:"ุฑุคูุฉ ู
ููุนู",location_permission:"ูุฑุฌู ู
ูุญ ุฅุฐู ุงูู
ููุน",download:"ุชุญู
ูู"},TR:{share_my_location:"Konumumu paylaล",share_my_current_location:"Gรผncel konumumu paylaล",placeholder:"Mesajฤฑnฤฑzฤฑ yazฤฑn",notePlaceholder:"Notunuzu ekleyin",see_your_location:"Konumunuzu Gรถrรผntรผleyin",location_permission:"Lรผtfen konum paylaลฤฑmฤฑ iรงin izin verin",download:"ฤฐndir"}};const H=()=>e("svg",{width:"18",height:"22",viewBox:"0 0 18 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8.56055 0.249878C9.16365 0.249377 9.64011 0.249415 10.0869 0.407104C10.1792 0.439689 10.2701 0.477175 10.3584 0.519409C10.7858 0.723899 11.1227 1.06135 11.5488 1.48816L16.4443 6.38367C16.9387 6.87712 17.3304 7.26784 17.541 7.77625C17.7515 8.28461 17.7507 8.83754 17.75 9.53601V13.0565C17.75 14.8942 17.7498 16.3499 17.5967 17.4891C17.439 18.6615 17.1067 19.61 16.3584 20.3583C15.6101 21.1066 14.6616 21.4389 13.4893 21.5966C12.3501 21.7497 10.8943 21.7499 9.05664 21.7499H8.94336C7.10571 21.7499 5.64991 21.7497 4.51074 21.5966C3.33844 21.4389 2.38991 21.1066 1.6416 20.3583C0.893309 19.61 0.560952 18.6615 0.40332 17.4891C0.25016 16.3499 0.249984 14.8942 0.25 13.0565V8.4071C0.249988 6.82577 0.250388 5.57298 0.366211 4.58093C0.485107 3.56261 0.733898 2.72281 1.30176 2.01843C1.51427 1.75486 1.755 1.51514 2.01855 1.30261C2.72296 0.734673 3.56267 0.484993 4.58105 0.366089C5.57311 0.250277 6.8259 0.249866 8.40723 0.249878H8.56055ZM8.45605 1.74988C6.81549 1.74988 5.6499 1.75086 4.75488 1.85535C3.87608 1.95795 3.35453 2.15151 2.95996 2.4696C2.77959 2.61504 2.61516 2.77947 2.46973 2.95984C2.15159 3.35441 1.95808 3.87589 1.85547 4.75476C1.75097 5.64979 1.75 6.8153 1.75 8.45593V12.9999C1.75 14.9066 1.75151 16.2613 1.88965 17.2889C2.02491 18.295 2.27897 18.8745 2.70215 19.2977C3.12536 19.7209 3.70485 19.975 4.71094 20.1102C5.73859 20.2484 7.09323 20.2499 9 20.2499C10.9068 20.2499 12.2614 20.2484 13.2891 20.1102C14.2952 19.975 14.8746 19.7209 15.2979 19.2977C15.721 18.8745 15.9751 18.295 16.1104 17.2889C16.2485 16.2613 16.25 14.9066 16.25 12.9999V9.6571C16.25 9.21922 16.2468 8.94195 16.2334 8.74988H15.9453C14.5778 8.7499 13.4753 8.7502 12.6084 8.63367C11.7083 8.51265 10.9505 8.25316 10.3486 7.65125C9.74676 7.04934 9.48722 6.29156 9.36621 5.39148C9.24969 4.52456 9.24998 3.422 9.25 2.05457V1.76355C9.08319 1.75292 8.84192 1.74988 8.45605 1.74988ZM13 15.2499C13.4142 15.2499 13.75 15.5857 13.75 15.9999C13.75 16.4141 13.4142 16.7499 13 16.7499H5C4.58579 16.7499 4.25 16.4141 4.25 15.9999C4.25 15.5857 4.58579 15.2499 5 15.2499H13ZM9 11.2499C9.41421 11.2499 9.75 11.5857 9.75 11.9999C9.75 12.4141 9.41421 12.7499 9 12.7499H5C4.58579 12.7499 4.25 12.4141 4.25 11.9999C4.25 11.5857 4.58579 11.2499 5 11.2499H9ZM10.751 2.8114C10.7546 3.82629 10.7723 4.58818 10.8535 5.19226C10.9522 5.92571 11.1325 6.31399 11.4092 6.5907C11.6859 6.86746 12.0748 7.04771 12.8086 7.14636C13.4126 7.22753 14.1738 7.24524 15.1885 7.2489L10.751 2.8114Z",fill:"#16616C"})}),j=c.a`
|
|
142
|
+
`,Q=()=>e("svg",{width:"15",height:"16",viewBox:"0 0 15 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.2232 8.33921C6.85992 8.33921 5.54564 8.35033 5.54564 8.35033V11.3333L1.29228 6.67275L5.54564 2.00666V5.01186C5.54564 5.01186 6.93435 4.99519 7.2232 5.0063C11.146 5.1285 13.8701 9.59462 13.8879 11.6832C12.6892 10.1445 9.53958 8.33921 7.2232 8.33921ZM6.65828 3.90089V0.623508C6.67716 0.456862 6.63217 0.290241 6.50552 0.162479C6.28554 -0.0541598 5.92892 -0.0541598 5.70895 0.162479L0.160208 6.25058C0.0430006 6.36723 -0.00699451 6.51722 0.000782283 6.67275C-0.00699451 6.82273 0.0430006 6.97827 0.160208 7.09493L5.6784 13.1442C5.78061 13.2719 5.92892 13.3553 6.10168 13.3553C6.25944 13.3553 6.39997 13.2886 6.50107 13.183C6.50218 13.183 6.50441 13.183 6.50552 13.1775C6.63217 13.0553 6.67716 12.8831 6.65828 12.722C6.65828 12.722 6.66772 9.63904 6.66772 9.45018C10.3339 9.45018 13.6496 12.0887 14.3079 15.5661C14.7511 14.544 15 13.4219 15 12.2387C15 7.63375 11.2649 3.90089 6.65828 3.90089Z",fill:"#161616"})}),Y=({isMyMessage:t,createdAt:i,children:a,className:r,message:l,config:s,style:c,onReply:d,isMedia:g})=>{const h=p(l.content),u="AR"===s.language,m=l?.messageId,C=Boolean(d&&m),b=o((()=>{m&&d?.(m)}),[m,d]),f=i||l&&s&&s.isAgent===l.isAgent?n(K,{isMedia:g,isMyMessage:t,children:[l&&s&&s.isAgent===l.isAgent&&e(A,{message:l,config:s}),i&&e(v,{createdAt:i})]}):null;return n(V,{isMyMessage:t,isMedia:g,language:s.language,className:r,style:c,children:[C?e(W,{className:"bc-replyButton",type:"button",onClick:b,isRTL:u,isMyMessage:t,children:e(Q,{})}):null,l.context&&l.context.replyToId?e(U,{context:l.context,isMyMessage:t,language:h}):null,n(G,{isMyMessage:t,isMedia:g,children:[n(J,{language:h,children:[a,g&&f]}),!g&&f]})]})},O=({message:n,config:t,searchPattern:i,onReply:o})=>{const a=t.isAgent===n.isAgent;return e(Y,{className:"bc-textMessage",isMyMessage:a,createdAt:n.createdAt,message:n,config:t,onReply:o,children:(n.content&&n.content.indexOf("\n")>-1?n.content.split("\n"):[n.content]).map(((t,o)=>{const a=i&&i.trim()?function(e,n){const t=(i=n.trim(),i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"));var i;if(!t)return e;const o=new RegExp(`(${t})`,"gi");return e.replace(o,'<span style="background-color: var(--bc-chat-message-highlight-color, yellow); padding: 3px 0;">$1</span>')}(t,i):t;return e(d,{rehypePlugins:[g],skipHtml:!1,children:a},`${n.messageId}-${o}`)}))})};function q(e){if(!isFinite(e)||e<0)return"0:00";return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}function X({src:t}){const s=a(null),[c,d]=r(!1),[g,p]=r(!0),[h,u]=r(0),[m,C]=r(0),b=i((()=>{const e=function(e){let n=2166136261;for(let t=0;t<e.length;t++)n^=e.charCodeAt(t),n=Math.imul(n,16777619);return()=>{n+=1831565813;let e=Math.imul(n^n>>>15,1|n);return e^=e+Math.imul(e^e>>>7,61|e),((e^e>>>14)>>>0)/4294967296}}(t),n=[];for(let t=0;t<82;t++){const i=.6*Math.sin(t/82*Math.PI)+.2,o=.25*(e()-.5),a=Math.min(1,Math.max(.15,i+o));n.push(a)}return n}),[t]);l((()=>{const e=s.current;if(!e)return;const n=()=>{u(e.duration),p(!1)},t=()=>C(e.currentTime),i=()=>d(!1),o=()=>{document.querySelectorAll("video, audio").forEach((n=>{n!==e&&n.pause()})),d(!0)},a=()=>d(!1);return e.addEventListener("loadedmetadata",n),e.addEventListener("timeupdate",t),e.addEventListener("ended",i),e.addEventListener("play",o),e.addEventListener("pause",a),()=>{e.removeEventListener("loadedmetadata",n),e.removeEventListener("timeupdate",t),e.removeEventListener("ended",i),e.removeEventListener("play",o),e.removeEventListener("pause",a)}}),[t]);const f=o((()=>{const e=s.current;e&&(e.paused?e.play():e.pause())}),[]),x=o((e=>{const n=s.current;if(!n||!h)return;const t=e.currentTarget.getBoundingClientRect(),i=Math.min(1,Math.max(0,(e.clientX-t.left)/t.width));n.currentTime=i*h,C(n.currentTime)}),[h]),y=h?Math.min(1,m/h):0;return n("div",{className:"bc-audioPlayer",role:"group","aria-label":"Audio message player",children:[e("button",{type:"button",className:"bc-audioPlayer__button "+(c?"pause":"play"),onClick:f,"aria-label":c?"Pause audio":"Play audio"}),n("div",{className:"bc-audioPlayer__wave",onClick:x,children:[e("div",{className:"bc-audioPlayer__wave--future",children:b.map(((n,t)=>e("span",{style:{height:`${Math.round(18*n)}px`}},`f-${t}`)))}),e("div",{className:"bc-audioPlayer__wave--past",style:{width:100*y+"%"},children:b.map(((n,t)=>e("span",{style:{height:`${Math.round(18*n)}px`}},`p-${t}`)))})]}),e("div",{className:"bc-audioPlayer__time","aria-live":"polite",children:g?"--:--":q(h)}),e("audio",{ref:s,src:t,preload:"metadata"})]})}const $=({message:t,config:i,onReply:s})=>{const[c,d]=r(!1),[g,p]=r(!0),h=a(null),u=o((()=>{const e=h.current;e&&console.error("Media playback error:",{src:e.src,error:e.error,networkState:e.networkState,readyState:e.readyState,messageType:t.type}),d(!0),p(!1)}),[t.type]),m=o((()=>{console.log("Media loaded successfully:",t.content),p(!1)}),[t.content]),C=o((()=>{console.log("Media can play:",t.content),p(!1)}),[t.content]),b=o((()=>{console.log("Media load started:",t.content)}),[t.content]);l((()=>{const e=()=>{document.querySelectorAll("video, audio").forEach((e=>{e!==h.current&&e.pause()}))},n=h.current;if(n){n.addEventListener("play",e),n.addEventListener("loadeddata",m),n.addEventListener("canplay",C),n.addEventListener("error",u),n.addEventListener("loadstart",b);const i=setTimeout((()=>{console.log("Loading timeout reached for:",t.content),p(!1)}),5e3);return()=>{n&&(n.removeEventListener("play",e),n.removeEventListener("loadeddata",m),n.removeEventListener("canplay",C),n.removeEventListener("error",u),n.removeEventListener("loadstart",b)),clearTimeout(i)}}}),[C,b,u,m,t.content,t.type]);const f=i.isAgent===t.isAgent;return c?n(Y,{className:"bc-mediaMessage"+("audio"===t.type?" audio":""),isMyMessage:f,isMedia:!0,createdAt:t.createdAt,message:t,config:i,onReply:s,children:[n("p",{style:{margin:0,color:"#666"},children:["Unable to load ","audio"===t.type?"audio":"video"," file."]}),n("a",{href:t.content,target:"_blank",rel:"noopener noreferrer",style:{color:"#007bff",textDecoration:"none"},children:["Open ","audio"===t.type?"audio":"video"," in new tab"]})]}):"audio"===t.type?e(Y,{className:"bc-mediaMessage audio",isMyMessage:f,isMedia:!0,createdAt:t.createdAt,message:t,config:i,style:{position:"relative"},onReply:s,children:e(X,{src:t.content})}):n(Y,{className:"bc-mediaMessage",isMyMessage:f,isMedia:!0,createdAt:t.createdAt,message:t,config:i,style:{position:"relative"},onReply:s,children:[e("video",{ref:h,src:t.content,controls:!0,preload:"metadata",playsInline:!0,onError:u,onLoadedData:m,onCanPlay:C,onLoadStart:b}),g&&e("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",fontSize:"14px",zIndex:1},children:"Loading video..."})]})};var _={EN:{share_my_location:"Share My Location",share_my_current_location:"Share My Current Location",placeholder:"Message...",notePlaceholder:"Add your note",see_your_location:"See Your Location",location_permission:"Please give location permission",download:"Download",template_message:"Template Message"},AR:{share_my_location:"ู
ุดุงุฑูุฉ ู
ููุนู",share_my_current_location:"ู
ุดุงุฑูุฉ ู
ููุนู ุงูุญุงูู",placeholder:"ุงูุฑุณุงูุฉ...",notePlaceholder:"ุฃุถู ู
ูุงุญุธุชู",see_your_location:"ุฑุคูุฉ ู
ููุนู",location_permission:"ูุฑุฌู ู
ูุญ ุฅุฐู ุงูู
ููุน",download:"ุชุญู
ูู",template_message:"ุฑุณุงูุฉ ูุงูุจ"},TR:{share_my_location:"Konumumu paylaล",share_my_current_location:"Gรผncel konumumu paylaล",placeholder:"Mesajฤฑnฤฑzฤฑ yazฤฑn",notePlaceholder:"Notunuzu ekleyin",see_your_location:"Konumunuzu Gรถrรผntรผleyin",location_permission:"Lรผtfen konum paylaลฤฑmฤฑ iรงin izin verin",download:"ฤฐndir",template_message:"ลablon Mesajฤฑ"}};const ee=()=>e("svg",{width:"18",height:"22",viewBox:"0 0 18 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8.56055 0.249878C9.16365 0.249377 9.64011 0.249415 10.0869 0.407104C10.1792 0.439689 10.2701 0.477175 10.3584 0.519409C10.7858 0.723899 11.1227 1.06135 11.5488 1.48816L16.4443 6.38367C16.9387 6.87712 17.3304 7.26784 17.541 7.77625C17.7515 8.28461 17.7507 8.83754 17.75 9.53601V13.0565C17.75 14.8942 17.7498 16.3499 17.5967 17.4891C17.439 18.6615 17.1067 19.61 16.3584 20.3583C15.6101 21.1066 14.6616 21.4389 13.4893 21.5966C12.3501 21.7497 10.8943 21.7499 9.05664 21.7499H8.94336C7.10571 21.7499 5.64991 21.7497 4.51074 21.5966C3.33844 21.4389 2.38991 21.1066 1.6416 20.3583C0.893309 19.61 0.560952 18.6615 0.40332 17.4891C0.25016 16.3499 0.249984 14.8942 0.25 13.0565V8.4071C0.249988 6.82577 0.250388 5.57298 0.366211 4.58093C0.485107 3.56261 0.733898 2.72281 1.30176 2.01843C1.51427 1.75486 1.755 1.51514 2.01855 1.30261C2.72296 0.734673 3.56267 0.484993 4.58105 0.366089C5.57311 0.250277 6.8259 0.249866 8.40723 0.249878H8.56055ZM8.45605 1.74988C6.81549 1.74988 5.6499 1.75086 4.75488 1.85535C3.87608 1.95795 3.35453 2.15151 2.95996 2.4696C2.77959 2.61504 2.61516 2.77947 2.46973 2.95984C2.15159 3.35441 1.95808 3.87589 1.85547 4.75476C1.75097 5.64979 1.75 6.8153 1.75 8.45593V12.9999C1.75 14.9066 1.75151 16.2613 1.88965 17.2889C2.02491 18.295 2.27897 18.8745 2.70215 19.2977C3.12536 19.7209 3.70485 19.975 4.71094 20.1102C5.73859 20.2484 7.09323 20.2499 9 20.2499C10.9068 20.2499 12.2614 20.2484 13.2891 20.1102C14.2952 19.975 14.8746 19.7209 15.2979 19.2977C15.721 18.8745 15.9751 18.295 16.1104 17.2889C16.2485 16.2613 16.25 14.9066 16.25 12.9999V9.6571C16.25 9.21922 16.2468 8.94195 16.2334 8.74988H15.9453C14.5778 8.7499 13.4753 8.7502 12.6084 8.63367C11.7083 8.51265 10.9505 8.25316 10.3486 7.65125C9.74676 7.04934 9.48722 6.29156 9.36621 5.39148C9.24969 4.52456 9.24998 3.422 9.25 2.05457V1.76355C9.08319 1.75292 8.84192 1.74988 8.45605 1.74988ZM13 15.2499C13.4142 15.2499 13.75 15.5857 13.75 15.9999C13.75 16.4141 13.4142 16.7499 13 16.7499H5C4.58579 16.7499 4.25 16.4141 4.25 15.9999C4.25 15.5857 4.58579 15.2499 5 15.2499H13ZM9 11.2499C9.41421 11.2499 9.75 11.5857 9.75 11.9999C9.75 12.4141 9.41421 12.7499 9 12.7499H5C4.58579 12.7499 4.25 12.4141 4.25 11.9999C4.25 11.5857 4.58579 11.2499 5 11.2499H9ZM10.751 2.8114C10.7546 3.82629 10.7723 4.58818 10.8535 5.19226C10.9522 5.92571 11.1325 6.31399 11.4092 6.5907C11.6859 6.86746 12.0748 7.04771 12.8086 7.14636C13.4126 7.22753 14.1738 7.24524 15.1885 7.2489L10.751 2.8114Z",fill:"#16616C"})}),ne=c.a`
|
|
91
143
|
${e=>e.isMyMessage?"flex-direction: row;":"flex-direction: row-reverse;"}
|
|
92
144
|
min-width: 300px;
|
|
93
145
|
display: flex;
|
|
@@ -106,13 +158,13 @@ i {
|
|
|
106
158
|
width: 15px;
|
|
107
159
|
height: 16px;
|
|
108
160
|
}
|
|
109
|
-
`,
|
|
161
|
+
`,te=c.div`
|
|
110
162
|
display: flex;
|
|
111
163
|
flex-direction: row;
|
|
112
164
|
align-items: center;
|
|
113
165
|
gap: 6px;
|
|
114
166
|
${e=>e.isMyMessage?"flex-direction: row;":"flex-direction: row-reverse;"}
|
|
115
|
-
`,
|
|
167
|
+
`,ie=c.div`
|
|
116
168
|
width: 32px;
|
|
117
169
|
height: 32px;
|
|
118
170
|
border-radius: 6px;
|
|
@@ -121,41 +173,41 @@ i {
|
|
|
121
173
|
align-items: center;
|
|
122
174
|
justify-content: center;
|
|
123
175
|
padding: 8px;
|
|
124
|
-
`,
|
|
176
|
+
`,oe=c.div`
|
|
125
177
|
display: flex;
|
|
126
178
|
flex-direction: column;
|
|
127
179
|
gap: 4px;
|
|
128
|
-
`,
|
|
180
|
+
`,ae=c.span`
|
|
129
181
|
font-size: var(--bc-chat-fontSize-xs);
|
|
130
182
|
font-weight: var(--bc-chat-fontWeight-regular);
|
|
131
183
|
line-height: var(--bc-chat-lineHeight-xs);
|
|
132
|
-
`,
|
|
184
|
+
`,re=c.span`
|
|
133
185
|
font-size: var(--bc-chat-fontSize-sm);
|
|
134
186
|
opacity: 0.7;
|
|
135
187
|
font-weight: var(--bc-chat-fontWeight-regular);
|
|
136
188
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
137
|
-
`;const
|
|
189
|
+
`;const le=c.a`
|
|
138
190
|
font-size: var(--bc-chat-fontSize-sm);
|
|
139
191
|
color: inherit;
|
|
140
192
|
text-decoration: none;
|
|
141
193
|
&:hover {
|
|
142
194
|
opacity: 0.8;
|
|
143
195
|
}
|
|
144
|
-
`,
|
|
196
|
+
`,se=c.div`
|
|
145
197
|
display: flex;
|
|
146
198
|
flex-direction: row;
|
|
147
199
|
align-items: center;
|
|
148
200
|
gap: 5px;
|
|
149
|
-
`,
|
|
201
|
+
`,ce=c.span`
|
|
150
202
|
color: inherit;
|
|
151
|
-
`;const
|
|
203
|
+
`;const de=c.i`
|
|
152
204
|
background-image: ${e=>`url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.62129%201.13607C9.81656%200.940808%2010.1331%200.940809%2010.3284%201.13607L11.3891%202.19673L12.8033%203.61094L13.8639%204.6716C14.0592%204.86687%2014.0592%205.18345%2013.8639%205.37871C13.6687%205.57397%2013.3521%205.57397%2013.1568%205.37871L12.5038%204.7257L8.86727%209.57443L9.97485%2010.682C10.1701%2010.8773%2010.1701%2011.1939%209.97485%2011.3891C9.77959%2011.5844%209.463%2011.5844%209.26774%2011.3891L7.85353%209.97491L6.79287%208.91425L3.5225%2012.1846C3.32724%2012.3799%203.01065%2012.3799%202.81539%2012.1846C2.62013%2011.9894%202.62013%2011.6728%202.81539%2011.4775L6.08576%208.20714L5.0251%207.14648L3.61089%205.73226C3.41563%205.537%203.41562%205.22042%203.61089%205.02516C3.80615%204.8299%204.12273%204.8299%204.31799%205.02516L5.42557%206.13274L10.2743%202.49619L9.62129%201.84318C9.42603%201.64792%209.42603%201.33133%209.62129%201.13607Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.62129%201.13607C9.81656%200.940808%2010.1331%200.940809%2010.3284%201.13607L11.3891%202.19673L12.8033%203.61094L13.8639%204.6716C14.0592%204.86687%2014.0592%205.18345%2013.8639%205.37871C13.6687%205.57397%2013.3521%205.57397%2013.1568%205.37871L12.5038%204.7257L8.86727%209.57443L9.97485%2010.682C10.1701%2010.8773%2010.1701%2011.1939%209.97485%2011.3891C9.77959%2011.5844%209.463%2011.5844%209.26774%2011.3891L7.85353%209.97491L6.79287%208.91425L3.5225%2012.1846C3.32724%2012.3799%203.01065%2012.3799%202.81539%2012.1846C2.62013%2011.9894%202.62013%2011.6728%202.81539%2011.4775L6.08576%208.20714L5.0251%207.14648L3.61089%205.73226C3.41563%205.537%203.41562%205.22042%203.61089%205.02516C3.80615%204.8299%204.12273%204.8299%204.31799%205.02516L5.42557%206.13274L10.2743%202.49619L9.62129%201.84318C9.42603%201.64792%209.42603%201.33133%209.62129%201.13607Z%22%20fill%3D%22%23${e.color}%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")`};
|
|
153
205
|
background-position: center;
|
|
154
206
|
background-size: contain;
|
|
155
207
|
background-repeat: no-repeat;
|
|
156
208
|
width: 15px;
|
|
157
209
|
height: 15px;
|
|
158
|
-
`,
|
|
210
|
+
`,ge=c.div`
|
|
159
211
|
display: inline-block;
|
|
160
212
|
background-color: #fff !important;
|
|
161
213
|
text-align: center;
|
|
@@ -168,10 +220,15 @@ i {
|
|
|
168
220
|
word-break: break-word;
|
|
169
221
|
text-decoration: none;
|
|
170
222
|
max-width: 60%;
|
|
171
|
-
`,
|
|
223
|
+
`,pe=c.span`
|
|
172
224
|
direction: ${e=>"arb"===e.language?"rtl":"ltr"};
|
|
173
|
-
`,$={document:({message:t,config:o,onReply:i})=>{const l=o.isAgent===t.isAgent,[c,d]=a(""),g=r((()=>{try{const e=(t.content||"").split("/");return decodeURIComponent(e[e.length-1]||"file")}catch{return"file"}}),[t.content]);s((()=>{let e=!1;const n=t.content;if(n){try{new URL(n)}catch{return}return fetch(n,{method:"HEAD"}).then((n=>{if(!n.ok)return;const t=n.headers.get("content-length");if(!t)return;const o=Number(t);var i;!Number.isFinite(o)||o<0||(e||d((i=o)<1024?`${i} B`:i<1048576?`${(i/1024).toFixed(1)}KB`:i<1073741824?`${(i/1048576).toFixed(1)}MB`:`${(i/1073741824).toFixed(1)}GB`))})).catch((e=>{console.debug("Failed to fetch file size:",e)})),()=>{e=!0}}}),[t.content]);const p=c?`${c} - ${P[o.language]?.download}`:P[o.language]?.download;return e(B,{isMyMessage:l,createdAt:t.createdAt,message:t,config:o,onReply:i,children:e(j,{href:t.content,target:"_blank",download:g,rel:"noopener noreferrer",isMyMessage:l,children:n(G,{isMyMessage:l,children:[e(J,{children:e(H,{})}),n(V,{children:[e(U,{children:g}),e(K,{children:p})]})]})})})},image:({message:n,config:t,onReply:o})=>{const i=t.isAgent===n.isAgent;return e(B,{className:"bc-mediaMessage",isMyMessage:i,createdAt:n.createdAt,message:n,config:t,onReply:o,isMedia:!0,children:e("a",{href:n.content,target:"_blank",rel:"noreferrer",children:e("img",{src:n.content,alt:"message content",style:{width:"100%",height:"auto",borderRadius:"8px"}})})})},location:({message:t,config:o,onReply:i})=>{const a=o.isAgent===t.isAgent;return e(B,{isMyMessage:a,createdAt:t.createdAt,message:t,config:o,onReply:i,children:e(Q,{href:"https://www.google.com/maps/?q="+t.content,target:"_blank",rel:"noopener noreferrer",children:n(W,{children:[e(O,{color:"000000"}),e(Y,{children:"Open location"})]})})})},text:z,video:T,audio:T,interactive:null,template:({message:t,config:o,onReply:i})=>{const a=r((()=>{try{return JSON.parse(t.content)}catch(e){return void console.log(e.message)}}),[t]),s=o.isAgent===t.isAgent;return n(B,{isMyMessage:s,createdAt:t.createdAt,message:t,config:o,onReply:i,children:[e("b",{children:"Template message:"})," ",a.name," ",a.language?.code?`/ ${a.language.code}`:null]})},note:({message:t})=>{const o=p(t.content);return n(q,{children:[e(X,{language:o,children:t.content}),"ย ",e(y,{createdAt:t.createdAt})]})},button:z};function _(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}_('/* Shared styles between agent and client messages */\n.bc-otherMessage,\n.bc-myMessage {\n margin: 24px;\n font-size: var(--bc-chat-fontSize-sm);\n line-height: var(--bc-chat-lineHeight-sm);\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 12px;\n}\n.bc-otherMessage div p,\n.bc-myMessage div p {\n padding: 0;\n margin: 0;\n}\n\n/* Styles for agent messages */\n.bc-otherMessage {\n justify-content: flex-start;\n}\n.bc-otherMessage:first-child {\n flex: 1 0 50%;\n}\n.bc-otherMessage > :nth-child(2) {\n flex: 0 1 auto;\n max-width: 85%;\n}\n\n/* Styles for other messages */\n.bc-note {\n text-align: center;\n gap: 5px;\n}\n\n.bc-myMessage {\n justify-content: flex-end;\n}\n.bc-myMessage > div:not(.bc-debugCon),\n.bc-myMessage .bc-locationMessage,\n.bc-myMessage audio {\n color: #fff;\n}\n.bc-myMessage svg path:nth-child(2) {\n fill: #fff;\n}\n\n.bc-mediaMessage {\n position: relative;\n max-width: 300px !important;\n}\n.bc-mediaMessage audio,\n.bc-mediaMessage video,\n.bc-mediaMessage img {\n max-width: 100%;\n}\n.bc-mediaMessage audio {\n -webkit-appearance: none;\n -webkit-border-radius: 0;\n border-radius: 0;\n}\n.bc-mediaMessage audio::-webkit-media-controls-panel {\n background-color: transparent;\n}\n.bc-mediaMessage audio::-webkit-media-controls-play-button {\n background-color: transparent;\n}\n.bc-mediaMessage audio::-webkit-media-controls-timeline {\n background-color: transparent;\n}\n.bc-mediaMessage audio::-webkit-media-controls-current-time-display, .bc-mediaMessage audio::-webkit-media-controls-time-remaining-display {\n color: inherit;\n}\n.bc-mediaMessage audio {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n height: 40px !important;\n width: 100% !important;\n max-width: 400px !important;\n position: static !important;\n -webkit-appearance: none !important;\n -webkit-border-radius: 0 !important;\n border-radius: 0 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls {\n display: flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-panel {\n display: flex !important;\n visibility: visible !important;\n background-color: #f0f0f0 !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-play-button {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-timeline {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-volume-slider {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-current-time-display, .bc-mediaMessage audio::-webkit-media-controls-time-remaining-display {\n display: block !important;\n visibility: visible !important;\n color: #000 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-mute-button {\n display: block !important;\n visibility: visible !important;\n}\n\n.bc-mediaMessage.audio {\n width: 320px;\n height: 64px !important;\n}\n\n/* Custom audio player */\n.bc-audioPlayer {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 300px;\n position: relative;\n height: 50px;\n justify-self: flex-start;\n}\n\n.bc-audioPlayer audio {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n\n.bc-audioPlayer__button {\n flex: 0 0 auto;\n width: 40px;\n height: 40px;\n border: none;\n border-radius: 50%;\n background: var(--bc-chat-white-color);\n position: relative;\n cursor: pointer;\n}\n\n.bc-otherMessage .bc-audioPlayer__button {\n background: #16616C;\n}\n\n.bc-audioPlayer__button.play::before {\n content: "";\n position: absolute;\n left: 12px;\n top: 12px;\n width: 16px;\n height: 16px;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.23541%202.19233C5.2355%201.62986%204%202.35243%204%203.49968V12.5C4%2013.6472%205.23546%2014.3698%206.23537%2013.8073L14.2356%209.30735C15.2551%208.73391%2015.2551%207.26609%2014.2357%206.69262L6.23541%202.19233Z%22%20fill%3D%22%2316616C%22%2F%3E%3C%2Fsvg%3E");\n}\n\n.bc-otherMessage .bc-audioPlayer__button.play::before {\n background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.23541%202.19233C5.2355%201.62986%204%202.35243%204%203.49968V12.5C4%2013.6472%205.23546%2014.3698%206.23537%2013.8073L14.2356%209.30735C15.2551%208.73391%2015.2551%207.26609%2014.2357%206.69262L6.23541%202.19233Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");\n}\n\n.bc-audioPlayer__button.pause::before,\n.bc-audioPlayer__button.pause::after {\n content: "";\n position: absolute;\n top: 14px;\n width: 3px;\n height: 12px;\n background: #16616C;\n}\n\n.bc-otherMessage .bc-audioPlayer__button.pause::before,\n.bc-otherMessage .bc-audioPlayer__button.pause::after {\n background: var(--bc-chat-white-color);\n}\n\n.bc-audioPlayer__button.pause::before {\n left: 16px;\n}\n\n.bc-audioPlayer__button.pause::after {\n right: 16px;\n}\n\n.bc-audioPlayer__wave {\n position: relative;\n flex: 1 1 auto;\n height: 22px;\n cursor: pointer;\n}\n\n.bc-audioPlayer__wave--future,\n.bc-audioPlayer__wave--past {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n height: 22px;\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: 2px;\n column-gap: 1px;\n align-items: end;\n width: 100%;\n pointer-events: none;\n}\n\n.bc-audioPlayer__wave--future span {\n display: block;\n width: 2px;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 2px;\n}\n\n.bc-otherMessage .bc-audioPlayer__wave--future span {\n background: #16616C;\n opacity: 0.6;\n}\n\n.bc-audioPlayer__wave--past {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.bc-audioPlayer__wave--past span {\n display: inline-block;\n width: 2px;\n margin-right: 3px;\n background: var(--bc-chat-white-color);\n border-radius: 2px;\n}\n\n.bc-otherMessage .bc-audioPlayer__wave--past span {\n background: #16616C;\n}\n\n.bc-otherMessage:hover .bc-replyButton, .bc-otherMessage:active .bc-replyButton, .bc-myMessage:hover .bc-replyButton, .bc-myMessage:active .bc-replyButton {\n display: block;\n}\n\n.bc-audioPlayer__time {\n color: var(--bc-chat-white-color);\n font-weight: 400;\n opacity: 0.95;\n position: absolute;\n top: 46px;\n left: 80px;\n font-size: 10px;\n}\n\n.bc-otherMessage .bc-audioPlayer__time {\n color: #16616C;\n}\n\n.bc-selectionContainer {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n}\n\n.bc-selectionContainer:first-child {\n flex: 1 0 50%;\n}\n\n.status-icon {\n color: var(--bc-chat-my-message-text-color) !important;\n opacity: 0.7;\n}\n.status-icon.read {\n color: #33C1FF !important;\n}\n.status-icon.failed {\n color: var(--bc-chat-danger-color) !important;\n}\n.status-icon.failed .resend {\n color: var(--bc-chat-text-secondary-dark) !important;\n cursor: pointer;\n margin: 0 10px;\n}');const ee=c.i`
|
|
174
|
-
|
|
225
|
+
`,he=()=>e("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginBottom:"-2px"},children:e("path",{d:"M8.2373 0.656726C9.30321 0.145436 9.94676 -0.164025 10.7061 0.0912958C11.4745 0.349346 11.7428 0.913866 12.1494 1.76708C13.2806 4.13968 13.2807 6.86129 12.1494 9.23387C11.7428 10.0871 11.4745 10.6516 10.7061 10.9097C10.5194 10.9723 10.3398 11.0005 10.1592 11.0005V11.0024C9.60451 11.0024 9.04099 10.7312 8.23633 10.3452L7.66504 10.0708C7.66349 10.8644 7.6476 11.2905 7.44336 11.6216C7.16673 12.0688 6.68718 12.3334 6.16992 12.3335C6.12459 12.3335 6.07725 12.3316 6.03125 12.3276C5.60808 12.2895 5.22779 12.0048 4.4707 11.437L3.66699 10.8335C2.89104 10.2515 2.66702 9.80269 2.66699 8.83348V8.20946C2.61708 8.21853 2.57304 8.22806 2.5293 8.2329C1.87747 8.30745 1.263 8.12262 0.801758 7.71141C0.292425 7.25741 0 6.5625 0 5.80516V5.19774C0 4.44045 0.292473 3.74549 0.801758 3.29149C1.26306 2.88019 1.87762 2.69472 2.53223 2.77001C2.65556 2.78334 2.78749 2.8129 3.04883 2.87157C3.30858 2.93008 3.56166 2.90112 3.80078 2.78661L8.23535 0.657702L8.45215 1.1079L8.2373 0.656726ZM3.66699 8.83348C3.66701 9.49195 3.73941 9.63844 4.2666 10.0337L5.06738 10.6333C5.55996 11.0026 5.98142 11.3189 6.12207 11.3315C6.31192 11.3487 6.49285 11.2587 6.59277 11.0962C6.66742 10.9755 6.66699 10.446 6.66699 9.83348V9.5913L3.80078 8.21532C3.75687 8.19435 3.71184 8.17679 3.66699 8.16161V8.83348ZM10.3867 1.03856C10.0302 0.918775 9.66663 1.0786 8.66895 1.55712L8.45117 1.10692L8.66797 1.55809L4.2334 3.687C4.1572 3.72354 4.0786 3.75363 4 3.78075V7.21825C4.07885 7.24534 4.15705 7.27654 4.2334 7.31298L8.66797 9.44286C9.66689 9.92199 10.0309 10.0821 10.3867 9.96239C10.738 9.8444 10.8645 9.60739 11.2471 8.80419C12.2477 6.70489 12.2477 4.29607 11.2471 2.19676C10.8644 1.39343 10.7381 1.15656 10.3867 1.03856ZM2.4209 3.76219C2.04032 3.71892 1.71942 3.81132 1.4668 4.03661C1.1702 4.30128 1 4.72416 1 5.19676V5.80419C1 6.27671 1.17029 6.69966 1.4668 6.96434C1.71946 7.18968 2.03997 7.28209 2.41797 7.23876C2.49131 7.23073 2.61848 7.20203 2.82812 7.15477C2.88517 7.14188 2.94287 7.13364 3 7.12548V3.87645C2.94304 3.86831 2.88594 3.85886 2.8291 3.84618C2.61843 3.79885 2.49157 3.76953 2.4209 3.76219Z",fill:"white"})}),ue=c.span`
|
|
226
|
+
font-size: var(--bc-chat-fontSize-sm);
|
|
227
|
+
font-weight: var(--bc-chat-fontWeight-medium);
|
|
228
|
+
line-height: var(--bc-chat-lineHeight-sm);
|
|
229
|
+
margin: 0 3px;
|
|
230
|
+
`,me={document:({message:t,config:o,onReply:a})=>{const s=o.isAgent===t.isAgent,[c,d]=r(""),g=i((()=>{try{const e=(t.content||"").split("/");return decodeURIComponent(e[e.length-1]||"file")}catch{return"file"}}),[t.content]);l((()=>{let e=!1;const n=t.content;if(n){try{new URL(n)}catch{return}return fetch(n,{method:"HEAD"}).then((n=>{if(!n.ok)return;const t=n.headers.get("content-length");if(!t)return;const i=Number(t);var o;!Number.isFinite(i)||i<0||(e||d((o=i)<1024?`${o} B`:o<1048576?`${(o/1024).toFixed(1)}KB`:o<1073741824?`${(o/1048576).toFixed(1)}MB`:`${(o/1073741824).toFixed(1)}GB`))})).catch((e=>{console.debug("Failed to fetch file size:",e)})),()=>{e=!0}}}),[t.content]);const p=c?`${c} - ${_[o.language]?.download}`:_[o.language]?.download;return e(Y,{isMyMessage:s,createdAt:t.createdAt,message:t,config:o,onReply:a,children:e(ne,{href:t.content,target:"_blank",download:g,rel:"noopener noreferrer",isMyMessage:s,children:n(te,{isMyMessage:s,children:[e(ie,{children:e(ee,{})}),n(oe,{children:[e(ae,{children:g}),e(re,{children:p})]})]})})})},image:({message:n,config:t,onReply:i})=>{const o=t.isAgent===n.isAgent;return e(Y,{className:"bc-mediaMessage",isMyMessage:o,createdAt:n.createdAt,message:n,config:t,onReply:i,isMedia:!0,children:e("a",{href:n.content,target:"_blank",rel:"noreferrer",children:e("img",{src:n.content,alt:"message content",style:{width:"100%",height:"auto",borderRadius:"8px"}})})})},location:({message:t,config:i,onReply:o})=>{const a=i.isAgent===t.isAgent;return e(Y,{isMyMessage:a,createdAt:t.createdAt,message:t,config:i,onReply:o,children:e(le,{href:"https://www.google.com/maps/?q="+t.content,target:"_blank",rel:"noopener noreferrer",children:n(se,{children:[e(de,{color:"000000"}),e(ce,{children:"Open location"})]})})})},text:O,video:$,audio:$,interactive:null,template:({message:t,config:i,onReply:o})=>{const a=i.isAgent===t.isAgent,r=Boolean(t.context?.replyToId);return n(Y,{isMyMessage:a,createdAt:t.createdAt,message:t,config:i,onReply:o,children:[e(H,{messageContent:t.content,isMyMessage:a,isTemplateReply:r,messageContext:t.context,configLanguage:i.language}),e(he,{})," ",e(ue,{children:_[i.language]?.template_message||"Template Message"})]})},note:({message:t})=>{const i=p(t.content);return n(ge,{children:[e(pe,{language:i,children:t.content}),"ย ",e(v,{createdAt:t.createdAt})]})},button:O};function Ce(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ce('/* Shared styles between agent and client messages */\n.bc-otherMessage,\n.bc-myMessage {\n margin: 24px;\n font-size: var(--bc-chat-fontSize-sm);\n line-height: var(--bc-chat-lineHeight-sm);\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 12px;\n}\n.bc-otherMessage div p,\n.bc-myMessage div p {\n padding: 0;\n margin: 0;\n}\n\n/* Styles for agent messages */\n.bc-otherMessage {\n justify-content: flex-start;\n}\n.bc-otherMessage:first-child {\n flex: 1 0 50%;\n}\n.bc-otherMessage > :nth-child(2) {\n flex: 0 1 auto;\n max-width: 85%;\n}\n\n/* Styles for other messages */\n.bc-note {\n text-align: center;\n gap: 5px;\n}\n\n.bc-myMessage {\n justify-content: flex-end;\n}\n.bc-myMessage > div:not(.bc-debugCon),\n.bc-myMessage .bc-locationMessage,\n.bc-myMessage audio {\n color: #fff;\n}\n.bc-myMessage svg path:nth-child(2) {\n fill: #fff;\n}\n\n.bc-mediaMessage {\n position: relative;\n max-width: 300px !important;\n}\n.bc-mediaMessage audio,\n.bc-mediaMessage video,\n.bc-mediaMessage img {\n max-width: 100%;\n}\n.bc-mediaMessage audio {\n -webkit-appearance: none;\n -webkit-border-radius: 0;\n border-radius: 0;\n}\n.bc-mediaMessage audio::-webkit-media-controls-panel {\n background-color: transparent;\n}\n.bc-mediaMessage audio::-webkit-media-controls-play-button {\n background-color: transparent;\n}\n.bc-mediaMessage audio::-webkit-media-controls-timeline {\n background-color: transparent;\n}\n.bc-mediaMessage audio::-webkit-media-controls-current-time-display, .bc-mediaMessage audio::-webkit-media-controls-time-remaining-display {\n color: inherit;\n}\n.bc-mediaMessage audio {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n height: 40px !important;\n width: 100% !important;\n max-width: 400px !important;\n position: static !important;\n -webkit-appearance: none !important;\n -webkit-border-radius: 0 !important;\n border-radius: 0 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls {\n display: flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-panel {\n display: flex !important;\n visibility: visible !important;\n background-color: #f0f0f0 !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-play-button {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-timeline {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-volume-slider {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-current-time-display, .bc-mediaMessage audio::-webkit-media-controls-time-remaining-display {\n display: block !important;\n visibility: visible !important;\n color: #000 !important;\n}\n.bc-mediaMessage audio::-webkit-media-controls-mute-button {\n display: block !important;\n visibility: visible !important;\n}\n\n.bc-mediaMessage.audio {\n width: 320px;\n height: 64px !important;\n}\n\n/* Custom audio player */\n.bc-audioPlayer {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 300px;\n position: relative;\n height: 50px;\n justify-self: flex-start;\n}\n\n.bc-audioPlayer audio {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n\n.bc-audioPlayer__button {\n flex: 0 0 auto;\n width: 40px;\n height: 40px;\n border: none;\n border-radius: 50%;\n background: var(--bc-chat-white-color);\n position: relative;\n cursor: pointer;\n}\n\n.bc-otherMessage .bc-audioPlayer__button {\n background: #16616C;\n}\n\n.bc-audioPlayer__button.play::before {\n content: "";\n position: absolute;\n left: 12px;\n top: 12px;\n width: 16px;\n height: 16px;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.23541%202.19233C5.2355%201.62986%204%202.35243%204%203.49968V12.5C4%2013.6472%205.23546%2014.3698%206.23537%2013.8073L14.2356%209.30735C15.2551%208.73391%2015.2551%207.26609%2014.2357%206.69262L6.23541%202.19233Z%22%20fill%3D%22%2316616C%22%2F%3E%3C%2Fsvg%3E");\n}\n\n.bc-otherMessage .bc-audioPlayer__button.play::before {\n background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.23541%202.19233C5.2355%201.62986%204%202.35243%204%203.49968V12.5C4%2013.6472%205.23546%2014.3698%206.23537%2013.8073L14.2356%209.30735C15.2551%208.73391%2015.2551%207.26609%2014.2357%206.69262L6.23541%202.19233Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");\n}\n\n.bc-audioPlayer__button.pause::before,\n.bc-audioPlayer__button.pause::after {\n content: "";\n position: absolute;\n top: 14px;\n width: 3px;\n height: 12px;\n background: #16616C;\n}\n\n.bc-otherMessage .bc-audioPlayer__button.pause::before,\n.bc-otherMessage .bc-audioPlayer__button.pause::after {\n background: var(--bc-chat-white-color);\n}\n\n.bc-audioPlayer__button.pause::before {\n left: 16px;\n}\n\n.bc-audioPlayer__button.pause::after {\n right: 16px;\n}\n\n.bc-audioPlayer__wave {\n position: relative;\n flex: 1 1 auto;\n height: 22px;\n cursor: pointer;\n}\n\n.bc-audioPlayer__wave--future,\n.bc-audioPlayer__wave--past {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n height: 22px;\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: 2px;\n column-gap: 1px;\n align-items: end;\n width: 100%;\n pointer-events: none;\n}\n\n.bc-audioPlayer__wave--future span {\n display: block;\n width: 2px;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 2px;\n}\n\n.bc-otherMessage .bc-audioPlayer__wave--future span {\n background: #16616C;\n opacity: 0.6;\n}\n\n.bc-audioPlayer__wave--past {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.bc-audioPlayer__wave--past span {\n display: inline-block;\n width: 2px;\n margin-right: 3px;\n background: var(--bc-chat-white-color);\n border-radius: 2px;\n}\n\n.bc-otherMessage .bc-audioPlayer__wave--past span {\n background: #16616C;\n}\n\n.bc-otherMessage:hover .bc-replyButton, .bc-otherMessage:active .bc-replyButton, .bc-myMessage:hover .bc-replyButton, .bc-myMessage:active .bc-replyButton {\n display: block;\n}\n\n.bc-audioPlayer__time {\n color: var(--bc-chat-white-color);\n font-weight: 400;\n opacity: 0.95;\n position: absolute;\n top: 46px;\n left: 80px;\n font-size: 10px;\n}\n\n.bc-otherMessage .bc-audioPlayer__time {\n color: #16616C;\n}\n\n.bc-selectionContainer {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n}\n\n.bc-selectionContainer:first-child {\n flex: 1 0 50%;\n}\n\n.status-icon {\n color: var(--bc-chat-my-message-text-color) !important;\n opacity: 0.7;\n}\n.status-icon.read {\n color: #33C1FF !important;\n}\n.status-icon.failed {\n color: var(--bc-chat-danger-color) !important;\n}\n.status-icon.failed .resend {\n color: var(--bc-chat-text-secondary-dark) !important;\n cursor: pointer;\n margin: 0 10px;\n}');const be=c.i`
|
|
231
|
+
background-image: url(${e=>e.avatar||b});
|
|
175
232
|
width: 30px;
|
|
176
233
|
height: 30px;
|
|
177
234
|
background-position: center;
|
|
@@ -179,7 +236,7 @@ i {
|
|
|
179
236
|
display: inline-block;
|
|
180
237
|
border-radius: 50%;
|
|
181
238
|
background-repeat: no-repeat;
|
|
182
|
-
`;function
|
|
239
|
+
`;function fe(e,n,t){return"note"===e?"bc-note":t.isAgent?n?"bc-myMessage":"bc-otherMessage":n?"bc-otherMessage":"bc-myMessage"}const xe=t=>{const{type:i,isAgent:o}=t.message,a=t.message.isAgent&&t.message.agentId&&t.agentsIdsAvatarsMap?.[t.message.agentId]||t.config?.brandLogo,r=me[i]??null;return r?n("div",{className:fe(i,o,t.config),id:t.message.messageId,style:{flexDirection:"AR"===t.config.language?"row-reverse":"row",alignItems:"flex-end"},children:[e(r,{message:t.message,config:t.config,searchPattern:t.searchPattern,onReply:t.onMessageReply}),t.config.isAgent&&o&&"note"!==i?e(be,{avatar:a}):null]}):null},ye=c.div`
|
|
183
240
|
width: 90%;
|
|
184
241
|
display: flex;
|
|
185
242
|
align-items: center;
|
|
@@ -194,7 +251,7 @@ i {
|
|
|
194
251
|
margin-bottom: -10px;
|
|
195
252
|
padding:0 16px;
|
|
196
253
|
}
|
|
197
|
-
`,
|
|
254
|
+
`,ve=({data:n,config:t})=>e("div",{children:e(ye,{backgroundColor:t.backgroundColor,children:e("div",{className:"seperator-content",children:n.content})})}),we=c.div`
|
|
198
255
|
height: 100%;
|
|
199
256
|
width: 100%;
|
|
200
257
|
overflow-y: auto;
|
|
@@ -202,7 +259,7 @@ i {
|
|
|
202
259
|
background-size: 100% 100%;
|
|
203
260
|
background-image: ${e=>`url(${e.config.backgroundImage})`};
|
|
204
261
|
${e=>e.config.backgroundColor&&`background-color: ${e.config.backgroundColor};`}
|
|
205
|
-
`,
|
|
262
|
+
`,Me=c.div`
|
|
206
263
|
position: absolute;
|
|
207
264
|
right: 10px;
|
|
208
265
|
bottom: 124px;
|
|
@@ -217,24 +274,24 @@ i {
|
|
|
217
274
|
align-items: center;
|
|
218
275
|
justify-content: center;
|
|
219
276
|
|
|
220
|
-
`,
|
|
277
|
+
`,Ae=c.div`
|
|
221
278
|
width: 100%;
|
|
222
279
|
display: flex;
|
|
223
280
|
justify-content: center;
|
|
224
281
|
padding-bottom: 40px;
|
|
225
|
-
`,
|
|
282
|
+
`,Le=c.span`
|
|
226
283
|
width: 18px;
|
|
227
284
|
height: 18px;
|
|
228
285
|
display: inline-flex;
|
|
229
286
|
align-items: center;
|
|
230
287
|
justify-content: center;
|
|
231
288
|
margin:0 6px;
|
|
232
|
-
`,
|
|
289
|
+
`,ke=c.p`
|
|
233
290
|
margin: 0;
|
|
234
291
|
font-size: var(--bc-chat-fontSize-sm);
|
|
235
292
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
236
293
|
color: inherit;
|
|
237
|
-
`,
|
|
294
|
+
`,Ie=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.95833 16.6667C4.70114 16.6667 1.25 13.2155 1.25 8.95833C1.25 4.70114 4.70114 1.25 8.95833 1.25C13.2155 1.25 16.6667 4.70114 16.6667 8.95833C16.6667 13.2155 13.2155 16.6667 8.95833 16.6667ZM0 8.95833C0 13.9059 4.01078 17.9167 8.95833 17.9167C13.9059 17.9167 17.9167 13.9059 17.9167 8.95833C17.9167 4.01078 13.9059 0 8.95833 0C4.01078 0 0 4.01078 0 8.95833ZM8.53419 8.75097C8.47632 8.75004 8.40939 8.75001 8.32682 8.75001C7.98164 8.75001 7.70182 8.47019 7.70182 8.12501C7.70182 7.77984 7.98164 7.50001 8.32682 7.50001L8.35553 7.50001C8.52646 7.49994 8.71128 7.49987 8.8673 7.52084C9.05007 7.54541 9.28356 7.60861 9.48006 7.80511C9.67656 8.00161 9.73975 8.2351 9.76433 8.41787C9.7853 8.57388 9.78523 8.75871 9.78516 8.92964V8.92964L9.78516 8.95835V13.125C9.78516 13.4702 9.50533 13.75 9.16016 13.75C8.81498 13.75 8.53516 13.4702 8.53516 13.125V8.95835C8.53516 8.87578 8.53513 8.80885 8.53419 8.75097ZM8.95182 4.79167C8.49159 4.79167 8.11849 5.16476 8.11849 5.625C8.11849 6.08524 8.49159 6.45833 8.95182 6.45833H8.95931C9.41955 6.45833 9.79264 6.08524 9.79264 5.625C9.79264 5.16476 9.41955 4.79167 8.95931 4.79167H8.95182Z",fill:"#6C737F"})}),Ee=({sendMessage:i,debug:o,config:c,messages:d,onReachingUp:g,agentsIdsAvatarsMap:p,searchPattern:h,searchMatchNo:u,onSearchMatchCount:m,onMessageReply:C,errorMessage:b})=>{const f=a(null),y=a(0),[v,w]=r(null),[M,A]=r(!0),L=b?.trim();return l((()=>{const e=document.getElementById(x);if(!e)return;y.current=e.scrollHeight;const n=()=>{0===e.scrollTop&&g?.();const n=e.scrollHeight-e.scrollTop-e.clientHeight<=4;A(n)};return e.addEventListener("scroll",n),()=>{e.removeEventListener("scroll",n)}}),[g]),s((()=>{const e=f.current;if(!e)return;const n=y.current;if(e.scrollHeight-e.scrollTop<=e.clientHeight+200){const n=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,n),A(!0)}else{const t=e.scrollHeight-n;e.style.scrollBehavior="auto",e.scrollTop=e.scrollTop+t;const i=4,o=e.scrollHeight-e.scrollTop-e.clientHeight<=i;A(o)}y.current=e.scrollHeight}),[d,L]),l((()=>{if(!h||!h.trim())return w(null),void m?.(0);const e=h.toLowerCase(),n=[];for(const t of d){const i=t&&t.content,o=t&&t.messageId;o&&i&&(String(i).toLowerCase().includes(e)&&n.push(o))}if(m?.(n.length),0===n.length)return void w(null);const t=n[Math.min(Math.max((u??1)-1,0),n.length-1)];w(t);const i=f.current,o=t?document.getElementById(t):null;i&&o&&(i.style.scrollBehavior="smooth",o.scrollIntoView())}),[h,u,d,m]),n(we,{ref:f,id:x,config:c,children:[d?.map(((n,t)=>"seperator"===n.type?e(ve,{data:n,config:c}):e("div",{children:e(xe,{message:n,index:t,sendMessage:i,messageActionsEnabled:d.length-1===t,debug:o,config:c,agentsIdsAvatarsMap:p,highlighted:v===n.messageId,searchPattern:h,onMessageReply:C})},n.messageId?n.messageId:"message"+t))),L&&n(t,{children:[e(ve,{data:{type:"seperator"},config:c}),n(Ae,{role:"alert","aria-live":"assertive","data-testid":"chat-error-message",children:[e(Le,{children:e(Ie,{})}),e(ke,{children:L})]})]}),!M&&e(Me,{"aria-label":"Scroll to latest message",onClick:()=>{const e=f.current;if(!e)return;const n=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,n),A(!0)},children:e("svg",{width:"14",height:"8",viewBox:"0 0 14 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M1.60372 0.555285C1.7256 0.716659 2.08951 1.1984 2.30624 1.47611C2.74031 2.03233 3.33342 2.77142 3.97323 3.50831C4.61627 4.24893 5.29178 4.97022 5.89189 5.50046C6.19281 5.76634 6.45714 5.96837 6.67527 6.09987C6.88042 6.22355 7.00161 6.24927 7.00161 6.24927C7.00161 6.24927 7.11923 6.22355 7.32437 6.09988C7.5425 5.96838 7.80684 5.76635 8.10775 5.50047C8.70786 4.97022 9.38337 4.24892 10.0264 3.5083C10.6662 2.7714 11.2593 2.0323 11.6934 1.47608C11.9101 1.19837 12.2735 0.717304 12.3954 0.555928C12.6411 0.222405 13.1111 0.150469 13.4446 0.396102C13.7781 0.641734 13.8494 1.11123 13.6037 1.44476L13.6018 1.4473C13.474 1.61655 13.0971 2.11556 12.8759 2.39892C12.4321 2.9677 11.8216 3.72861 11.1591 4.49171C10.4997 5.25109 9.77408 6.02979 9.10096 6.62454C8.76526 6.92116 8.42497 7.18788 8.0988 7.3845C7.79322 7.56872 7.40633 7.75 6.99982 7.75C6.59331 7.75 6.20642 7.56871 5.90084 7.3845C5.57468 7.18787 5.23439 6.92116 4.89869 6.62454C4.22557 6.02979 3.4999 5.2511 2.84058 4.49173C2.17803 3.72863 1.5676 2.96774 1.12372 2.39896C0.902432 2.11541 0.525506 1.61637 0.397929 1.44747L0.396279 1.44528C0.150645 1.11176 0.22154 0.641787 0.555062 0.396152C0.888572 0.150526 1.35808 0.221792 1.60372 0.555285Z",fill:"white"})})})]},x)},Re="text";async function Se(e,n,t){const i=new u("https://bcuserres.blob.core.windows.net?sv=2024-11-04&ss=b&srt=o&sp=rc&se=2027-12-31T19:19:59Z&st=2026-01-02T11:04:59Z&spr=https&sig=OqvZvcz%2FmvmhVS8gWqPpMBxDZXHbEZ%2BTQRpCT3bE3G0%3D",new m).getContainerClient("anonymous"),o=new Date,a=`${o.getFullYear()}-${String(o.getMonth()+1).padStart(2,"0")}`,r=i.getBlockBlobClient(`${a}/${h()}`);try{await r.uploadBrowserData(e,{onProgress:t=>{const i=Math.round(t.loadedBytes/e.size*100);n(i)},blockSize:4194304,concurrency:20,blobHTTPHeaders:{blobContentType:e.type}});t(r.url.split("?")[0])}catch(e){t(void 0,"Error uploading file:"+e.message)}}const Fe=c.span`
|
|
238
295
|
cursor: pointer;
|
|
239
296
|
width: 20px;
|
|
240
297
|
height: 20px;
|
|
@@ -244,7 +301,7 @@ i {
|
|
|
244
301
|
justify-content: center;
|
|
245
302
|
|
|
246
303
|
${e=>e.isRTL&&"\n svg {\n transform: scaleX(-1);\n }\n "}
|
|
247
|
-
`,
|
|
304
|
+
`,De=c.div`
|
|
248
305
|
display: flex;
|
|
249
306
|
align-items: center;
|
|
250
307
|
justify-content: space-between;
|
|
@@ -254,7 +311,14 @@ i {
|
|
|
254
311
|
font-weight: 500;
|
|
255
312
|
cursor: pointer;
|
|
256
313
|
direction: ${e=>e.isRTL?"rtl":"ltr"};
|
|
257
|
-
`,be=()=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M10.8165 10.197L3.28454 11.453C3.19795 11.4674 3.11669 11.5044 3.04893 11.5602C2.98117 11.6161 2.9293 11.6887 2.89854 11.771L0.301545 18.728C0.0535447 19.368 0.722545 19.978 1.33654 19.671L19.3365 10.671C19.4612 10.6087 19.5661 10.513 19.6394 10.3944C19.7127 10.2759 19.7515 10.1393 19.7515 9.99996C19.7515 9.86061 19.7127 9.72401 19.6394 9.60549C19.5661 9.48697 19.4612 9.39122 19.3365 9.32896L1.33654 0.328962C0.722545 0.0219617 0.0535447 0.632962 0.301545 1.27196L2.89954 8.22896C2.93016 8.31138 2.98196 8.38426 3.04973 8.44027C3.1175 8.49627 3.19884 8.53342 3.28554 8.54796L10.8175 9.80296C10.8639 9.81108 10.9059 9.83529 10.9362 9.87132C10.9664 9.90735 10.983 9.9529 10.983 9.99996C10.983 10.047 10.9664 10.0926 10.9362 10.1286C10.9059 10.1646 10.8639 10.1888 10.8175 10.197H10.8165Z",fill:"#16616C"})}),Ce=()=>e("svg",{width:"16",height:"18",viewBox:"0 0 20 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.3548 0.250249C10.7253 0.251243 11.0486 0.256214 11.3268 0.28107C11.6959 0.31408 12.0399 0.38555 12.3742 0.55897C12.5063 0.6275 12.6326 0.70664 12.7519 0.79561C13.0537 1.02075 13.2681 1.29917 13.4588 1.61688C13.6385 1.91618 13.8209 2.29263 14.0359 2.7361L14.5274 3.75H19C19.4142 3.75 19.75 4.08579 19.75 4.5C19.75 4.91422 19.4142 5.25 19 5.25H18.2051L17.6265 14.6101C17.5493 15.858 17.4881 16.8482 17.3627 17.6392C17.234 18.4504 17.028 19.126 16.616 19.7169C16.239 20.2574 15.7537 20.7137 15.1909 21.0565C14.5758 21.4313 13.8888 21.5952 13.0712 21.6736C12.274 21.75 11.2818 21.75 10.0316 21.75H9.9539L9.54609 21.7499C8.48365 21.7491 7.61989 21.7415 6.91041 21.6735C6.09186 21.5949 5.40416 21.4307 4.78854 21.0553C4.22537 20.7118 3.73991 20.2547 3.36311 19.7133C2.95121 19.1214 2.74587 18.4449 2.61816 17.6325C2.49362 16.8404 2.43377 15.8488 2.35833 14.5991L1.79393 5.25H1C0.58579 5.25 0.25 4.91422 0.25 4.5C0.25 4.08579 0.58579 3.75 1 3.75H5.57232L5.99135 2.83074L6.11352 2.56332C6.27199 2.21814 6.41408 1.91891 6.55567 1.67073C6.74349 1.34153 6.95704 1.05248 7.26255 0.81811C7.38312 0.72561 7.51116 0.64326 7.64533 0.57192C7.98531 0.39114 8.3369 0.31672 8.7143 0.28236C9.07 0.25 9.4986 0.25 10.0039 0.25L10.3548 0.250249ZM16.7022 5.25H3.29666L3.85327 14.47C3.93157 15.767 3.9879 16.6868 4.09996 17.3996C4.21012 18.1003 4.36439 18.5261 4.59431 18.8565C4.85213 19.2269 5.18428 19.5396 5.56961 19.7747C5.91325 19.9842 6.34758 20.1126 7.05365 20.1803C7.77186 20.2492 8.6934 20.25 9.9928 20.25C11.2905 20.25 12.2107 20.2492 12.928 20.1805C13.6332 20.1128 14.0671 19.9848 14.4105 19.7755C14.7956 19.5409 15.1277 19.2288 15.3856 18.8589C15.6156 18.5291 15.7702 18.1039 15.8812 17.4042C15.9941 16.6925 16.0517 15.7741 16.1317 14.4788L16.7022 5.25ZM10.451 1.75071L9.65985 1.75051C9.31502 1.75191 9.06007 1.75709 8.8503 1.77618C8.5849 1.80035 8.4499 1.84298 8.3496 1.89633C8.2886 1.92876 8.2304 1.96619 8.1756 2.00823C8.0854 2.07739 7.99063 2.18253 7.85853 2.41407C7.71937 2.65798 7.56941 2.98523 7.34281 3.48234L7.2208 3.75H12.8604L12.6999 3.41888C12.4674 2.93926 12.3137 2.62382 12.1727 2.38884C12.0389 2.16588 11.9443 2.06458 11.8551 1.99801C11.8009 1.95756 11.7434 1.92159 11.6834 1.89044C11.5845 1.83916 11.4522 1.79827 11.1932 1.77511C10.9982 1.75767 10.7635 1.75233 10.451 1.75071Z",fill:"currentColor"})}),xe=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}),fe=({file:t,isFileSelected:o,cancelFileUpload:i,config:a})=>{const r=b.SupportedImageFormats.indexOf(t.extension)>=0,s=b.SupportedAudioFormats.indexOf(t.extension)>=0;return n("div",{className:"bc-uploadFileDetails "+("AR"===a?.language?"bc-RTL":""),style:{border:o?"green dashed 1px":""},id:"uploadFileDetails",children:[e("div",{className:"bc-uploadedFile",style:{maxWidth:s?300:"auto",pointerEvents:s?"auto":"none"},children:r?e("img",{src:t.fileUrl,alt:"",className:"bc-imageFile"}):s?e("audio",{src:t.fileUrl,controls:!0,style:{height:28}}):e("img",{src:"data:image/png;base64,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",alt:"",className:"bc-documentFile"})}),e("div",{className:"bc-uploadFileName",children:e("span",{children:t.fileName})}),e("div",{className:"bc-uploadFileCancel",children:e("span",{onClick:()=>{try{s&&t.blob&&t.fileUrl.startsWith("blob:")&&URL.revokeObjectURL(t.fileUrl)}catch{}i()},children:e(Ce,{})})})]})},ve=c.div`
|
|
314
|
+
`,Be=()=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M10.8165 10.197L3.28454 11.453C3.19795 11.4674 3.11669 11.5044 3.04893 11.5602C2.98117 11.6161 2.9293 11.6887 2.89854 11.771L0.301545 18.728C0.0535447 19.368 0.722545 19.978 1.33654 19.671L19.3365 10.671C19.4612 10.6087 19.5661 10.513 19.6394 10.3944C19.7127 10.2759 19.7515 10.1393 19.7515 9.99996C19.7515 9.86061 19.7127 9.72401 19.6394 9.60549C19.5661 9.48697 19.4612 9.39122 19.3365 9.32896L1.33654 0.328962C0.722545 0.0219617 0.0535447 0.632962 0.301545 1.27196L2.89954 8.22896C2.93016 8.31138 2.98196 8.38426 3.04973 8.44027C3.1175 8.49627 3.19884 8.53342 3.28554 8.54796L10.8175 9.80296C10.8639 9.81108 10.9059 9.83529 10.9362 9.87132C10.9664 9.90735 10.983 9.9529 10.983 9.99996C10.983 10.047 10.9664 10.0926 10.9362 10.1286C10.9059 10.1646 10.8639 10.1888 10.8175 10.197H10.8165Z",fill:"#16616C"})}),ze=()=>e("svg",{width:"16",height:"18",viewBox:"0 0 20 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.3548 0.250249C10.7253 0.251243 11.0486 0.256214 11.3268 0.28107C11.6959 0.31408 12.0399 0.38555 12.3742 0.55897C12.5063 0.6275 12.6326 0.70664 12.7519 0.79561C13.0537 1.02075 13.2681 1.29917 13.4588 1.61688C13.6385 1.91618 13.8209 2.29263 14.0359 2.7361L14.5274 3.75H19C19.4142 3.75 19.75 4.08579 19.75 4.5C19.75 4.91422 19.4142 5.25 19 5.25H18.2051L17.6265 14.6101C17.5493 15.858 17.4881 16.8482 17.3627 17.6392C17.234 18.4504 17.028 19.126 16.616 19.7169C16.239 20.2574 15.7537 20.7137 15.1909 21.0565C14.5758 21.4313 13.8888 21.5952 13.0712 21.6736C12.274 21.75 11.2818 21.75 10.0316 21.75H9.9539L9.54609 21.7499C8.48365 21.7491 7.61989 21.7415 6.91041 21.6735C6.09186 21.5949 5.40416 21.4307 4.78854 21.0553C4.22537 20.7118 3.73991 20.2547 3.36311 19.7133C2.95121 19.1214 2.74587 18.4449 2.61816 17.6325C2.49362 16.8404 2.43377 15.8488 2.35833 14.5991L1.79393 5.25H1C0.58579 5.25 0.25 4.91422 0.25 4.5C0.25 4.08579 0.58579 3.75 1 3.75H5.57232L5.99135 2.83074L6.11352 2.56332C6.27199 2.21814 6.41408 1.91891 6.55567 1.67073C6.74349 1.34153 6.95704 1.05248 7.26255 0.81811C7.38312 0.72561 7.51116 0.64326 7.64533 0.57192C7.98531 0.39114 8.3369 0.31672 8.7143 0.28236C9.07 0.25 9.4986 0.25 10.0039 0.25L10.3548 0.250249ZM16.7022 5.25H3.29666L3.85327 14.47C3.93157 15.767 3.9879 16.6868 4.09996 17.3996C4.21012 18.1003 4.36439 18.5261 4.59431 18.8565C4.85213 19.2269 5.18428 19.5396 5.56961 19.7747C5.91325 19.9842 6.34758 20.1126 7.05365 20.1803C7.77186 20.2492 8.6934 20.25 9.9928 20.25C11.2905 20.25 12.2107 20.2492 12.928 20.1805C13.6332 20.1128 14.0671 19.9848 14.4105 19.7755C14.7956 19.5409 15.1277 19.2288 15.3856 18.8589C15.6156 18.5291 15.7702 18.1039 15.8812 17.4042C15.9941 16.6925 16.0517 15.7741 16.1317 14.4788L16.7022 5.25ZM10.451 1.75071L9.65985 1.75051C9.31502 1.75191 9.06007 1.75709 8.8503 1.77618C8.5849 1.80035 8.4499 1.84298 8.3496 1.89633C8.2886 1.92876 8.2304 1.96619 8.1756 2.00823C8.0854 2.07739 7.99063 2.18253 7.85853 2.41407C7.71937 2.65798 7.56941 2.98523 7.34281 3.48234L7.2208 3.75H12.8604L12.6999 3.41888C12.4674 2.93926 12.3137 2.62382 12.1727 2.38884C12.0389 2.16588 11.9443 2.06458 11.8551 1.99801C11.8009 1.95756 11.7434 1.92159 11.6834 1.89044C11.5845 1.83916 11.4522 1.79827 11.1932 1.77511C10.9982 1.75767 10.7635 1.75233 10.451 1.75071Z",fill:"currentColor"})}),Ne=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}),Ze=c.div`
|
|
315
|
+
display: flex;
|
|
316
|
+
flex-direction: column;
|
|
317
|
+
gap: 8px;
|
|
318
|
+
width: 100%;
|
|
319
|
+
max-height: 200px;
|
|
320
|
+
overflow-y: auto;
|
|
321
|
+
`,Te=({file:t,isFileSelected:i,cancelFileUpload:o,config:a})=>{const r=C.SupportedImageFormats.indexOf(t.extension)>=0,l=C.SupportedAudioFormats.indexOf(t.extension)>=0;return n("div",{className:"bc-uploadFileDetails "+("AR"===a?.language?"bc-RTL":""),style:{border:i?"green dashed 1px":""},id:"uploadFileDetails",children:[e("div",{className:"bc-uploadedFile",style:{maxWidth:l?300:"auto",pointerEvents:l?"auto":"none"},children:r?e("img",{src:t.fileUrl,alt:"",className:"bc-imageFile"}):l?e("audio",{src:t.fileUrl,controls:!0,style:{height:28}}):e("img",{src:"data:image/png;base64,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",alt:"",className:"bc-documentFile"})}),e("div",{className:"bc-uploadFileName",children:e("span",{children:t.fileName})}),e("div",{className:"bc-uploadFileCancel",children:e("span",{onClick:()=>{try{t.blob&&t.fileUrl.startsWith("blob:")&&URL.revokeObjectURL(t.fileUrl)}catch{}o(t)},children:e(ze,{})})})]})},He=c.div`
|
|
258
322
|
position: relative;
|
|
259
323
|
width: 100%;
|
|
260
324
|
direction: ${e=>e.isRTL?"rtl":"ltr"};
|
|
@@ -267,7 +331,7 @@ i {
|
|
|
267
331
|
}
|
|
268
332
|
|
|
269
333
|
.bc-autoCompleteOverlay {
|
|
270
|
-
position:
|
|
334
|
+
position: relative;
|
|
271
335
|
top: 0;
|
|
272
336
|
left: 0;
|
|
273
337
|
right: 0;
|
|
@@ -282,20 +346,24 @@ i {
|
|
|
282
346
|
z-index: 1;
|
|
283
347
|
box-sizing: border-box;
|
|
284
348
|
width: calc(100% - 20px);
|
|
285
|
-
|
|
286
|
-
|
|
349
|
+
|
|
287
350
|
.bc-suggestion {
|
|
288
351
|
color: #9ca3af;
|
|
289
352
|
}
|
|
353
|
+
|
|
354
|
+
[dir="rtl"] &,
|
|
355
|
+
.bc-RTL & {
|
|
356
|
+
direction: rtl;
|
|
357
|
+
}
|
|
290
358
|
}
|
|
291
|
-
`,
|
|
292
|
-
${
|
|
359
|
+
`,Pe=({text:t,setText:i,config:r,send:s,placeholder:c,autoCompleteEnabled:d,autoCompleteSuggestion:g,onInputChange:p,onAutoCompleteMutate:h})=>{const u=a(null),m="AR"===r?.language,C=o((()=>{const e=u.current;if(!e)return;e.style.height="20px";const n=e.scrollHeight;n!==e.offsetHeight&&(e.style.height=n+"px")}),[]);l((()=>{t||(C(),u.current?.focus())}),[C,t]);const b=d&&g&&t;return n(He,{isRTL:m,children:[b&&n("div",{className:"bc-autoCompleteOverlay",children:[t,e("span",{className:"bc-suggestion",children:g})]}),e("textarea",{ref:u,value:t,className:"bc-messageInputTextArea",id:"textInput",placeholder:c,maxLength:1024,dir:m?"rtl":"ltr",onKeyDown:e=>{if(d&&g&&("Tab"===e.key||"ArrowRight"===e.key&&!e.shiftKey)){e.preventDefault();const n=(t||"")+g;return i(n),C(),p?.(n),void h?.(null)}if("Enter"===e.key&&(e.shiftKey||e.ctrlKey||e.altKey)){e.preventDefault();const n=u.current?.selectionStart||0,o=t.slice(0,n)+"\n"+t.slice(n);return i(o),C(),void p?.(o)}"Enter"===e.key&&(e.preventDefault(),s(),C())},onChange:e=>{const n=e.target.value,o=t||"";if(i(n),C(),p?.(n),d&&g&&h){const e=o+g;if(n&&e.toLowerCase().startsWith(n.toLowerCase())){const t=e.slice(n.length);t.length>0?h(t):h(null)}else h(null)}},style:{color:b?"transparent":void 0}})]})},je=({config:t,send:i,file:o,isFileSelected:a,text:r,setText:l,cancelFileUpload:s,noteMode:c,onCloseNoteMode:d,notePlaceholder:g,autoCompleteEnabled:p,autoCompleteSuggestion:h,onInputChange:u,onAutoCompleteMutate:m})=>{const C="AR"===t?.language,b=Array.isArray(o)?o:o?[o]:[],f=b.length>0;return n("div",{className:"bc-messageInput "+(C?"bc-RTL":""),children:[c?e(De,{onClick:d,isRTL:C,children:e(Ne,{})}):null,f?e(Ze,{children:b.map(((n,i)=>e(Te,{file:n,isFileSelected:a,cancelFileUpload:s,config:t},`${n.fileName}-${i}-${n.fileUrl}`)))}):null,f?null:e(Pe,{text:r||"",setText:l,config:t,send:i,placeholder:c?g||_[t.language]?.notePlaceholder:t.inputPlaceholder||_[t.language]?.placeholder,autoCompleteEnabled:p,autoCompleteSuggestion:h,onInputChange:u,onAutoCompleteMutate:m}),e(Fe,{onClick:()=>i(),isRTL:C,children:r||f?e(Be,{}):null})]})},Ue=(e,n)=>`\n &:hover {\n background-image: ${e.replaceAll("%23a3a3a3",n.activeColor)};\n }\n background-image: ${n.isActive?e.replaceAll("%23a3a3a3",n.activeColor):e};\n`,Ve="\ndisplay: flex;\njustify-content: center;\nalign-items: center;\ngap: 4px;\nborder-radius: 8px;\nborder: 1px solid #D2D6DB;\nbackground: #FFF;\ntransition: background-color 0.2s ease, border-color 0.2s ease;\ncursor: pointer;\nfont-size: 14px;\n&:hover {\n background: #f7f7f7;\n border-color: #dcdcdc;\n}\n&:active {\n background: #f0f0f0;\n}\n";c.button`
|
|
360
|
+
${Ve}
|
|
293
361
|
height: 32px;
|
|
294
362
|
min-height: 32px;
|
|
295
363
|
max-height: 32px;
|
|
296
364
|
padding: 0 12px;
|
|
297
|
-
`;const
|
|
298
|
-
${
|
|
365
|
+
`;const Ge=c.label`
|
|
366
|
+
${Ve}
|
|
299
367
|
width: 32px;
|
|
300
368
|
height: 32px;
|
|
301
369
|
min-width: 32px;
|
|
@@ -303,30 +371,30 @@ i {
|
|
|
303
371
|
min-height: 32px;
|
|
304
372
|
max-height: 32px;
|
|
305
373
|
padding: 0;
|
|
306
|
-
`,
|
|
307
|
-
${e=>
|
|
308
|
-
`,
|
|
374
|
+
`,Je=c.i`
|
|
375
|
+
${e=>Ue('url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.667%207.54199C15.012%207.54217%2015.292%207.82192%2015.292%208.16699C15.2918%2011.9834%2012.3594%2015.1146%208.625%2015.4316V16.708H10.5C10.8451%2016.708%2011.1248%2016.988%2011.125%2017.333C11.125%2017.6782%2010.8452%2017.958%2010.5%2017.958H5.5C5.15482%2017.958%204.875%2017.6782%204.875%2017.333C4.87518%2016.988%205.15493%2016.708%205.5%2016.708H7.375V15.4316C3.64062%2015.1146%200.708174%2011.9834%200.708008%208.16699C0.708008%207.82192%200.98798%207.54217%201.33301%207.54199C1.67819%207.54199%201.95801%207.82181%201.95801%208.16699C1.95818%2011.5036%204.66339%2014.208%208%2014.208C11.3366%2014.208%2014.0418%2011.5036%2014.042%208.16699C14.042%207.82181%2014.3218%207.54199%2014.667%207.54199ZM8%200.0419922C10.6463%200.0419922%2012.7918%202.18679%2012.792%204.83301V8.16699C12.7918%2010.8132%2010.6463%2012.958%208%2012.958C5.35374%2012.958%203.20818%2010.8132%203.20801%208.16699V4.83301C3.20818%202.18679%205.35374%200.0419924%208%200.0419922ZM8%201.29199C6.0441%201.29199%204.45818%202.87715%204.45801%204.83301V8.16699C4.45818%2010.1229%206.0441%2011.708%208%2011.708C9.74256%2011.708%2011.1899%2010.4496%2011.4854%208.79199H9.66699C9.32192%208.79199%209.04217%208.51202%209.04199%208.16699C9.04199%207.82181%209.32181%207.54199%209.66699%207.54199H11.542V5.45801H9.66699C9.32181%205.45801%209.04199%205.17819%209.04199%204.83301C9.04217%204.48798%209.32192%204.20801%209.66699%204.20801H11.4854C11.1899%202.55035%209.74256%201.29199%208%201.29199Z%22%20fill%3D%22%23161616%22%2F%3E%3C%2Fsvg%3E");',e)}
|
|
376
|
+
`,Ke=c.div`
|
|
309
377
|
${e=>e.isRecording&&`\n &:before {\n transform: scale(${1+e.audioLevel/255});\n opacity: ${.6+e.audioLevel/255*.4};\n }\n `}
|
|
310
|
-
`,
|
|
378
|
+
`,We=c.span`
|
|
311
379
|
display: inline-flex;
|
|
312
380
|
align-items: center;
|
|
313
381
|
justify-content: center;
|
|
314
382
|
|
|
315
383
|
${e=>e.isRTL&&"\n svg {\n transform: scaleX(-1);\n }\n "}
|
|
316
|
-
`,
|
|
384
|
+
`,Qe=({isRTL:n})=>e(We,{isRTL:n,children:e("svg",{width:"18",height:"18",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M1.20308 1.04312C1.00481 0.954998 0.772341 1.0048 0.627577 1.16641C0.482813 1.32802 0.458794 1.56455 0.568117 1.75196L3.92115 7.50002L0.568117 13.2481C0.458794 13.4355 0.482813 13.672 0.627577 13.8336C0.772341 13.9952 1.00481 14.045 1.20308 13.9569L14.7031 7.95693C14.8836 7.87668 15 7.69762 15 7.50002C15 7.30243 14.8836 7.12337 14.7031 7.04312L1.20308 1.04312ZM4.84553 7.10002L2.21234 2.586L13.2689 7.50002L2.21234 12.414L4.84552 7.90002H9C9.22092 7.90002 9.4 7.72094 9.4 7.50002C9.4 7.27911 9.22092 7.10002 9 7.10002H4.84553Z",fill:"#666",fillRule:"evenodd",clipRule:"evenodd"})})}),Ye=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}),Oe={sampleRate:48e3,channelCount:1,sampleSize:128,echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,googEchoCancellation:!0,googAutoGainControl:!0,googNoiseSuppression:!0,googHighpassFilter:!0,googTypingNoiseDetection:!0,googAudioMirroring:!1},qe=c.div`
|
|
317
385
|
display: flex;
|
|
318
386
|
align-items: center;
|
|
319
387
|
gap: 5px;
|
|
320
388
|
direction: ${e=>e.isRTL?"rtl":"ltr"};
|
|
321
|
-
`,
|
|
322
|
-
${e=>
|
|
323
|
-
`,
|
|
389
|
+
`,Xe=({setProgress:i,setError:s,setFile:c,onActiveChange:d,config:g})=>{const p="AR"===g?.language,[h,u]=r(!1),[m,C]=r(0),b=a(null),f=a(null),x=a(null),y=a(null),v=a(null),w=a(null);l((()=>{const e=document.createElement("script");return e.src="https://unpkg.com/mic-recorder-to-mp3",e.async=!0,e.onload=()=>console.log("Voice recording library loaded successfully"),e.onerror=()=>{console.error("Failed to load voice recording library"),s("Failed to load voice recording library. Please refresh the page.")},document.body.appendChild(e),()=>{document.body.contains(e)&&document.body.removeChild(e)}}),[s]);const M=o((e=>{try{if(!e.active)return void navigator.mediaDevices.getUserMedia({audio:Oe}).then((e=>{f.current=e,M(e)})).catch((e=>{console.error("Failed to get fresh stream:",e)}));x.current=new(window.AudioContext||window.webkitAudioContext),"suspended"===x.current.state&&x.current.resume().then((()=>{}));const n=x.current.createMediaStreamSource(e);y.current=x.current.createAnalyser(),y.current.fftSize=256,y.current.smoothingTimeConstant=.8,y.current.minDecibels=-90,y.current.maxDecibels=-10,n.connect(y.current);const t=y.current.frequencyBinCount;v.current=new Uint8Array(t);const i=()=>{if(!y.current)return;y.current.getByteFrequencyData(v.current);let e=0;for(let n=0;n<t;n++)e+=v.current[n]*v.current[n];const n=Math.sqrt(e/t),o=Math.min(255,2*n);C(o),w.current=requestAnimationFrame(i)};i()}catch(e){console.error("Audio level monitoring error:",e)}}),[]),A=o((()=>{w.current&&(cancelAnimationFrame(w.current),w.current=null),x.current&&(x.current.close(),x.current=null),C(0)}),[]),L=o((()=>{f.current&&(f.current.getTracks().forEach((e=>{e.stop()})),f.current=null)}),[]);l((()=>()=>{b.current&&h&&b.current.stop(),L(),A()}),[h,A,L]);const k=o((()=>{if(!b.current){if("function"!=typeof MicRecorder)return void s("Please wait a little until voice library is loaded");b.current=new MicRecorder({bitRate:128,sampleRate:48e3})}s(void 0),h?b.current.stop().getMp3().then((([e,n])=>{if(u(!1),A(),L(),d&&d(!0),n.size<1e3)return void s("Recording seems too short. Please try again.");if(!n||0===n.size)return void s("Invalid audio recording. Please try again.");const t=(new Date).toISOString().replace(/[:.]/g,"-"),i=new File([n],`recording-${t}.mp3`,{type:"audio/mpeg"}),o=URL.createObjectURL(i);c({fileUrl:o,fileName:`recording-${t}.mp3`,extension:"mp3",blob:i}),d&&d(!1)})).catch((e=>{u(!1),A(),L(),s(`Recording failed: ${e.message}`),d&&d(!1)})):navigator.mediaDevices.getUserMedia({audio:Oe}).then((e=>{f.current=e,b.current.start().then((()=>{u(!0),d&&d(!0),setTimeout((()=>{x.current&&"suspended"===x.current.state?x.current.resume().then((()=>{M(e)})).catch((n=>{console.error("Failed to resume audio context:",n),M(e)})):M(e)}),100)})).catch((n=>{s(`Failed to start recording: ${n.message}`),e.getTracks().forEach((e=>e.stop())),d&&d(!1)}))})).catch((e=>{"NotAllowedError"===e.name?s("Microphone access denied. Please allow microphone access and try again."):"NotFoundError"===e.name?s("No microphone found. Please connect a microphone and try again."):s(`Microphone error: ${e.message}`),d&&d(!1)}))}),[h,s,c,M,A,L,d]),I=o((()=>{b.current&&h&&b.current.stop(),u(!1),A(),L(),s(void 0),d&&d(!1)}),[h,A,L,s,d]);return n(qe,{isRTL:p&&h,children:[h?e(Ge,{onClick:I,children:e(Ye,{})}):null,e(Ge,{onClick:k,id:"voiceRecorderIcon",className:"mic-container",children:h?n(t,{children:[e(Qe,{isRTL:p}),e(Ke,{className:"circle "+(h?"active":""),isRecording:h,audioLevel:m})]}):e(Je,{activeColor:"var(--bc-chat-text-secondary-dark)"})})]})};const $e=c.i`
|
|
390
|
+
${e=>Ue('url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.084C15.0163%2019.0838%2019.0838%2015.0163%2019.084%2010C19.0838%204.98367%2015.0163%200.917168%2010%200.916992C4.98367%200.917168%200.917168%204.98367%200.916992%2010C0.917168%2015.0163%204.98367%2019.0838%2010%2019.084ZM10%2017.584C5.8121%2017.5838%202.41717%2014.1879%202.41699%2010C2.41717%205.8121%205.8121%202.41717%2010%202.41699C14.1879%202.41717%2017.5838%205.8121%2017.584%2010C17.5838%2014.1879%2014.1879%2017.5838%2010%2017.584ZM6.6748%208.5C7.22679%208.49964%207.6748%208.05206%207.6748%207.5C7.6748%206.94794%207.22679%206.50036%206.6748%206.5H6.66699C6.11471%206.5%205.66699%206.94771%205.66699%207.5C5.66699%208.05229%206.11471%208.5%206.66699%208.5H6.6748ZM13.334%208.5C13.886%208.49965%2014.334%208.05207%2014.334%207.5C14.334%206.94793%2013.886%206.50035%2013.334%206.5H13.3262C12.7739%206.50001%2012.3262%206.94772%2012.3262%207.5C12.3262%208.05228%2012.7739%208.49999%2013.3262%208.5H13.334ZM10%2014.917C11.6088%2014.9169%2013.038%2014.1426%2013.9336%2012.9502C14.1819%2012.6191%2014.115%2012.1491%2013.7842%2011.9004C13.453%2011.6517%2012.9832%2011.7188%2012.7344%2012.0498C12.1099%2012.8813%2011.117%2013.4169%2010%2013.417C8.88307%2013.4169%207.89111%2012.8811%207.2666%2012.0498C7.01792%2011.7187%206.54798%2011.6519%206.2168%2011.9004C5.88563%2012.1491%205.81871%2012.619%206.06738%2012.9502C6.96298%2014.1425%208.39126%2014.9169%2010%2014.917Z%22%20fill%3D%22%23161616%22%2F%3E%3C%2Fsvg%3E");',e)}
|
|
391
|
+
`,_e=c.span`
|
|
324
392
|
margin: 8px;
|
|
325
393
|
cursor: pointer;
|
|
326
394
|
font-size: var(--bc-chat-fontSize-xl);
|
|
327
|
-
`,
|
|
328
|
-
${e=>
|
|
329
|
-
`,
|
|
395
|
+
`,en=({onClick:n})=>e("div",{id:"emojiIcon",children:e(Ge,{children:e($e,{onClick:n,activeColor:"var(--bc-chat-text-secondary-dark)"})})}),nn=({text:n,setText:t,onClick:i})=>{const r=function(e){const n=a(null);return l((()=>{const t=t=>{n.current&&!n.current.contains(t.target)&&e()};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}}),[e]),n}(i),s=o((e=>{t(n+e)}),[t,n]),c=f.map(((n,t)=>e(_e,{className:"emoji",onClick:e=>s(e.target.innerText),children:n},"emoji"+t)));return e("div",{ref:r,children:e("div",{className:"bc-emojiPicker",id:"emojiPicker",children:c})})},tn=c.i`
|
|
396
|
+
${e=>Ue('url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2218%22%20viewBox%3D%220%200%2014%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.91667%202.12488C2.96066%202.12488%201.375%203.71054%201.375%205.66655L1.375%2010.2499C1.375%2013.3565%203.8934%2015.8749%207%2015.8749C10.1066%2015.8749%2012.625%2013.3565%2012.625%2010.2499V8.99993C12.625%208.65475%2012.9048%208.37493%2013.25%208.37493C13.5952%208.37493%2013.875%208.65475%2013.875%208.99993V10.2499C13.875%2014.0469%2010.797%2017.1249%207%2017.1249C3.20304%2017.1249%200.125%2014.0469%200.125%2010.2499L0.125%205.66655C0.125%203.02018%202.2703%200.874878%204.91667%200.874878C7.56303%200.874878%209.70833%203.02018%209.70833%205.66654V10.2499C9.70833%2011.7456%208.49577%2012.9582%207%2012.9582C5.50423%2012.9582%204.29167%2011.7456%204.29167%2010.2499L4.29167%206.91654C4.29167%206.57137%204.57149%206.29154%204.91667%206.29154C5.26184%206.29154%205.54167%206.57137%205.54167%206.91654L5.54167%2010.2499C5.54167%2011.0553%206.19458%2011.7082%207%2011.7082C7.80542%2011.7082%208.45833%2011.0553%208.45833%2010.2499V5.66654C8.45833%203.71054%206.87267%202.12488%204.91667%202.12488Z%22%20fill%3D%22%23161616%22%2F%3E%3C%2Fsvg%3E");',e)}
|
|
397
|
+
`,on=({setProgress:t,setFile:i,setError:a})=>{const r=o((e=>{a(void 0);const n=Array.from(e.target.files);if(e.target.value="",n.length<1)return;const o=[];for(const e of n){const{name:n,size:t}=e,i=n.substring(n.lastIndexOf(".")+1).toLowerCase();if(C.SupportedFormats.indexOf(i)<0){a(`File "${n}" type is not valid.`);continue}if(t>C.MaxFileSize){a(`File "${n}" exceeds maximum limit of 20 MBs.`);continue}const r={fileUrl:URL.createObjectURL(e),fileName:n,extension:i,blob:e};o.push({file:e,bcFile:r})}if(0===o.length)return;i((e=>[...e,...o.map((({bcFile:e})=>e))]));let r=0;const l=[];o.forEach((({file:e,bcFile:n})=>{Se(e,t,((e,s)=>{if(r++,e){try{URL.revokeObjectURL(n.fileUrl)}catch{}const t={...n,fileUrl:e,blob:void 0};l.push(t),i((e=>e.map((e=>e.fileName===n.fileName&&e.fileUrl===n.fileUrl?t:e))))}else s&&(i((e=>{const t=e.filter((e=>!(e.fileName===n.fileName&&e.fileUrl===n.fileUrl)));try{URL.revokeObjectURL(n.fileUrl)}catch{}return t})),a(`Failed to upload "${n.fileName}": ${s}`));r===o.length&&t(0)}))}))}),[t,i,a]),l=o((()=>{a(void 0)}),[a]);return n("div",{id:"attachIcon",children:[e(Ge,{htmlFor:"fileInput",onClick:l,children:e(tn,{activeColor:"var(--bc-chat-text-secondary-dark)"})}),e("input",{type:"file",className:"bc-fileUpload",id:"fileInput",multiple:!0,onChange:r,onClick:l})]})},an=c.div`
|
|
330
398
|
padding: 0px 0px 0px 10px;
|
|
331
399
|
margin: 0px;
|
|
332
400
|
width: fit-content;
|
|
@@ -345,7 +413,7 @@ i {
|
|
|
345
413
|
cursor: pointer;
|
|
346
414
|
display: block;
|
|
347
415
|
}
|
|
348
|
-
`,
|
|
416
|
+
`,rn=({setView:i,setFile:o,setProgress:a,setError:l,text:s,setText:c,send:d,config:g})=>{const[p,h]=r(!1),[u,m]=r(!1);return n("div",{className:"bc-inputActions",id:"bc-inputActions",children:[n(an,{id:"iconsContainer",isRTL:"AR"===g?.language,children:[u?null:n(t,{children:[e(on,{setFile:o,setProgress:a,setError:l}),e(en,{onClick:()=>h(!0)})]}),e(Xe,{setFile:o,setError:l,setProgress:a,onActiveChange:e=>{m(e),e&&h(!1)},config:g})]}),p?e(nn,{text:s,setText:c,onClick:()=>h(!1)}):null]})};Ce('.bc-trademark {\n height: 40px;\n width: 100%;\n box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);\n background-color: #fff;\n overflow-y: hidden;\n border-bottom-left-radius: 15px;\n border-bottom-right-radius: 15px;\n padding: 15px 0;\n}\n\n.bc-messageInput {\n min-height: 30px;\n max-height: 100%;\n background-color: #fff;\n overflow-y: hidden;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.bc-messageInput .bc-messageInputTextArea {\n color: var(--bc-chat-text-secondary-dark);\n display: block;\n min-height: 36px;\n background-color: #fff;\n box-sizing: border-box;\n font-family: var(--bc-chat-font-stack);\n font-size: var(--bc-chat-fontSize-md);\n padding: 10px 0;\n resize: none;\n overflow: auto;\n border-width: 0;\n width: calc(100% - 20px);\n word-wrap: break-word;\n border: none;\n overflow: hidden;\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n}\n.bc-messageInput.bc-RTL {\n direction: rtl;\n}\n\n.bc-inputActions {\n display: flex;\n align-items: center;\n position: relative;\n width: fit-content;\n height: 36px;\n margin-left: auto;\n}\n.bc-inputActions .bc-fileUpload {\n display: none;\n}\n.bc-inputActions i {\n display: block;\n margin: 0 5px;\n}\n.bc-inputActions.bc-RTL {\n direction: rtl;\n}\n\n.bc-ActionChips {\n display: flex;\n gap: 10px;\n}\n\n.bc-BottomBar {\n width: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding-top: 8px;\n}\n.bc-BottomBar.bc-RTL {\n direction: rtl;\n}\n\n.bc-CommandsArea {\n margin-left: auto;\n display: flex;\n align-items: center;\n}\n.bc-CommandsArea.bc-RTL {\n margin-left: 0;\n margin-right: auto;\n direction: rtl;\n}\n\n.bc-emojiPicker {\n position: absolute;\n bottom: 40px;\n right: 0;\n width: 200px;\n background: var(--bc-chat-white-color) 0% 0% no-repeat padding-box;\n box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1019607843);\n border-radius: 10px;\n opacity: 1;\n padding: 10px;\n z-index: 10;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n[dir=rtl] .bc-emojiPicker, .bc-RTL .bc-emojiPicker {\n right: auto;\n left: 0;\n}\n\n.bc-uploadFileDetails {\n background-color: transparent;\n display: flex;\n align-items: center;\n width: calc(100% - 60px);\n height: 40px;\n padding: 4px 10px;\n}\n.bc-uploadFileDetails.bc-RTL {\n direction: rtl;\n}\n.bc-uploadFileDetails audio {\n width: 260px;\n}\n.bc-uploadFileDetails .bc-uploadedFile {\n max-width: 32px;\n max-height: 32px;\n pointer-events: none;\n}\n.bc-uploadFileDetails .bc-uploadedFile .bc-imageFile {\n max-width: 100%;\n max-height: 100%;\n pointer-events: none;\n}\n.bc-uploadFileDetails .bc-uploadedFile .bc-documentFile {\n max-width: 100%;\n max-height: 100%;\n margin-top: 4px;\n min-width: 25px;\n min-height: 25px;\n pointer-events: none;\n}\n.bc-uploadFileDetails .bc-uploadFileName {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none;\n}\n.bc-uploadFileDetails .bc-uploadFileName span {\n padding: 10px;\n pointer-events: none;\n}\n.bc-uploadFileDetails .bc-uploadFileCancel {\n cursor: pointer;\n margin-bottom: -6px;\n margin-left: 6px;\n color: var(--bc-chat-danger-color);\n}\n[dir=rtl] .bc-uploadFileDetails .bc-uploadFileCancel, .bc-RTL .bc-uploadFileDetails .bc-uploadFileCancel {\n margin-left: 0;\n margin-right: 6px;\n}\n\n.mic-container {\n position: relative;\n}\n.mic-container svg {\n z-index: 5;\n}\n.mic-container i {\n transition: 0.9s;\n z-index: 10;\n position: relative;\n}\n.mic-container .circle {\n z-index: 4;\n top: 3px;\n left: 3px;\n position: absolute;\n background-color: transparent;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1;\n transition: 0.5s;\n}\n.mic-container .circle:before {\n content: "";\n width: 36px;\n height: 36px;\n border-radius: 50%;\n opacity: 0.5;\n z-index: 3;\n position: absolute;\n}\n.mic-container .circle.active {\n background-color: #A8E6A3;\n}\n.mic-container .circle.active:before {\n background: #A8E6A3;\n}\n\n@keyframes bounce {\n 0% {\n transform: scale(1);\n }\n 25% {\n transform: scale(1.4);\n }\n 75% {\n transform: scale(1);\n }\n 100% {\n transform: scale(1.3);\n }\n}');const ln=c.div`
|
|
349
417
|
display: flex;
|
|
350
418
|
padding: 8px 16px 16px 16px;
|
|
351
419
|
flex-direction: column;
|
|
@@ -369,7 +437,7 @@ i {
|
|
|
369
437
|
margin-top: 6px;
|
|
370
438
|
text-align: center;
|
|
371
439
|
}
|
|
372
|
-
`,
|
|
440
|
+
`,sn=c.div`
|
|
373
441
|
width: 100%;
|
|
374
442
|
padding: 8px 12px;
|
|
375
443
|
display: flex;
|
|
@@ -379,14 +447,14 @@ i {
|
|
|
379
447
|
gap: 4px;
|
|
380
448
|
flex: 1 0 0;
|
|
381
449
|
border-bottom: 1px solid var(--bc-border-neutral-secondary, #E5E7EB);
|
|
382
|
-
`,
|
|
450
|
+
`,cn=c.div`
|
|
383
451
|
display: flex;
|
|
384
452
|
align-items: center;
|
|
385
453
|
justify-content: space-between;
|
|
386
454
|
gap: 8px;
|
|
387
455
|
direction: ${({isRTL:e})=>e?"rtl":"ltr"};
|
|
388
456
|
|
|
389
|
-
`,
|
|
457
|
+
`,dn=c.span`
|
|
390
458
|
font-weight: 500;
|
|
391
459
|
font-size: var(--bc-chat-fontSize-sm);
|
|
392
460
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
@@ -394,14 +462,14 @@ i {
|
|
|
394
462
|
text-overflow: ellipsis;
|
|
395
463
|
white-space: nowrap;
|
|
396
464
|
color: var(--bc-text-primary, #16616C);
|
|
397
|
-
`,
|
|
465
|
+
`,gn=c.span`
|
|
398
466
|
color: #4b5563;
|
|
399
467
|
font-size: var(--bc-chat-fontSize-xs);
|
|
400
468
|
line-height: var(--bc-chat-lineHeight-xs);
|
|
401
469
|
overflow: hidden;
|
|
402
470
|
text-overflow: ellipsis;
|
|
403
471
|
white-space: nowrap;
|
|
404
|
-
`,
|
|
472
|
+
`,pn=c.button`
|
|
405
473
|
border: none;
|
|
406
474
|
background: transparent;
|
|
407
475
|
display: inline-flex;
|
|
@@ -420,26 +488,26 @@ i {
|
|
|
420
488
|
color: #111827;
|
|
421
489
|
outline: none;
|
|
422
490
|
}
|
|
423
|
-
`,
|
|
424
|
-
${e=>e.bannerWidth>
|
|
491
|
+
`,hn=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8 6.58579L11.2929 3.29289C11.6834 2.90237 12.3166 2.90237 12.7071 3.29289C13.0976 3.68342 13.0976 4.31658 12.7071 4.70711L9.41421 8L12.7071 11.2929C13.0976 11.6834 13.0976 12.3166 12.7071 12.7071C12.3166 13.0976 11.6834 13.0976 11.2929 12.7071L8 9.41421L4.70711 12.7071C4.31658 13.0976 3.68342 13.0976 3.29289 12.7071C2.90237 12.3166 2.90237 11.6834 3.29289 11.2929L6.58579 8L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L8 6.58579Z",fill:"currentColor"})}),un=({config:t,sendMessage:a,setView:s,actionChips:c,noteMode:d,onNoteSend:g,onCloseNoteMode:p,notePlaceholder:h,replyMessageTitle:u,replyMessageContent:m,onCancelReplyMessage:b,autoCompleteEnabled:f,autoCompleteSuggestion:x,onInputChange:y,onAutoCompleteMutate:v})=>{const w="AR"===t?.language,[M,A]=r(),[L,k]=r([]),[I,E]=r(),[R,S]=r(0),F=i((()=>Boolean(u||m)),[u,m]),D=i((()=>u||("AR"===t?.language?"ุงูุฑุฏ ุนูู ุฑุณุงูุฉ":"TR"===t?.language?"Bir mesaja yanฤฑt veriliyor":"Replying to message")),[t?.language,u]),B=i((()=>"AR"===t?.language?"ุฅูุบุงุก":"TR"===t?.language?"ฤฐptal":"Cancel"),[t?.language]);l((()=>{I&&M&&M.trim().length>0&&E(void 0)}),[M]),l((()=>{const e=Array.isArray(L)?L:L?[L]:[];I&&e.length>0&&E(void 0)}),[L,I]);const z=o((e=>{if(d){const e=(M||"").trim();return g&&g(e),void A("")}const n=e=>{const{fileUrl:n,extension:t}=e;a(C.SupportedImageFormats.indexOf(t)>=0?"image":C.SupportedAudioFormats.indexOf(t)>=0?"audio":"document",n)};if(e)return void(e.blob&&e.fileUrl.startsWith("blob:")?Se(e.blob,S,((t,i)=>{if(t){try{URL.revokeObjectURL(e.fileUrl)}catch{}n({...e,fileUrl:t,blob:void 0})}else i&&E(i)})):n(e));const t=Array.isArray(L)?L:L?[L]:[];if(t.length>0){const e=t.filter((e=>e.blob&&e.fileUrl.startsWith("blob:"))),i=t.filter((e=>!e.blob||!e.fileUrl.startsWith("blob:")));let o=i.length+e.length,a=0;i.forEach((e=>{n(e),a++})),e.length>0?e.forEach((e=>{Se(e.blob,S,((t,i)=>{if(a++,t){try{URL.revokeObjectURL(e.fileUrl)}catch{}n({...e,fileUrl:t,blob:void 0})}else i&&E(`Failed to upload "${e.fileName}": ${i}`);a===o&&(k([]),S(0))}))})):k([])}else a(Re,M),A("")}),[L,M,a,d,g,k,E,S]);return n(ln,{isRTL:w,children:[F?n(sn,{isRTL:w,children:[n(cn,{isRTL:w,children:[D?e(dn,{children:D}):null,b?e(pn,{type:"button",onClick:b,"aria-label":B,title:B,children:e(hn,{})}):null]}),m?e(gn,{children:m}):null]}):null,e("div",{className:"bc-InputArea",children:e(je,{config:t,send:z,text:M,setText:A,file:d?void 0:L,isFileSelected:Array.isArray(L)?L.length>0:!!L,cancelFileUpload:e=>{k(e?n=>{const t=(Array.isArray(n)?n:n?[n]:[]).filter((n=>!(n.fileName===e.fileName&&n.fileUrl===e.fileUrl)));if(e.blob&&e.fileUrl.startsWith("blob:"))try{URL.revokeObjectURL(e.fileUrl)}catch{}return t}:e=>((Array.isArray(e)?e:e?[e]:[]).forEach((e=>{if(e.blob&&e.fileUrl.startsWith("blob:"))try{URL.revokeObjectURL(e.fileUrl)}catch{}})),[]))},noteMode:d,onCloseNoteMode:()=>{A(""),p?.()},notePlaceholder:h,autoCompleteEnabled:f,autoCompleteSuggestion:x,onInputChange:y,onAutoCompleteMutate:v})}),n("div",{className:"bc-BottomBar "+(w?"bc-RTL":""),children:[void 0!==c?c:null,e("div",{className:"bc-CommandsArea "+(w?"bc-RTL":""),children:d?null:e(rn,{setView:s,setFile:k,setProgress:S,setError:E,setText:A,text:M,send:z,config:t})})]}),I?e("div",{className:"bc-uploadFileError",children:I}):null]})},mn="bc-chat-header-banner",Cn=390,bn=c.div`
|
|
492
|
+
${e=>e.bannerWidth>Cn?"height: 60px;":"height: 90px;"}
|
|
425
493
|
display: block;
|
|
426
494
|
width: 100%;
|
|
427
495
|
background-color: transparent;
|
|
428
496
|
z-index: 10;
|
|
429
497
|
border-top-left-radius: 15px;
|
|
430
498
|
border-top-right-radius: 15px;
|
|
431
|
-
`,
|
|
499
|
+
`,fn=c.div`
|
|
432
500
|
width: 100%;
|
|
433
501
|
display: flex;
|
|
434
502
|
align-items: center;
|
|
435
503
|
background-image: ${e=>`linear-gradient(103deg, ${e.startColor},${e.endColor})`};
|
|
436
|
-
${e=>e.bannerWidth<=
|
|
437
|
-
`,
|
|
504
|
+
${e=>e.bannerWidth<=Cn?'\n -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzkwIiBoZWlnaHQ9Ijg4LjM1NCIgdmlld0JveD0iMCAwIDM5MCA4OC4zNTQiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgyPSIxIiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2NjJkOTEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZWUyYTdiIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cGF0aCBpZD0iUGF0aF84NzgiIGRhdGEtbmFtZT0iUGF0aCA4NzgiIGQ9Ik0xMCwwSDM4MGExMCwxMCwwLDAsMSwxMCwxMFY3MHMtNzUuMDYtNy44ODYtMTk5LjYxNywxMS44NjJTMCw3MCwwLDcwVjEwQTEwLDEwLDAsMCwxLDEwLDAiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPgo8L3N2Zz4K");\n mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzkwIiBoZWlnaHQ9Ijg4LjM1NCIgdmlld0JveD0iMCAwIDM5MCA4OC4zNTQiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgyPSIxIiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2NjJkOTEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZWUyYTdiIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cGF0aCBpZD0iUGF0aF84NzgiIGRhdGEtbmFtZT0iUGF0aCA4NzgiIGQ9Ik0xMCwwSDM4MGExMCwxMCwwLDAsMSwxMCwxMFY3MHMtNzUuMDYtNy44ODYtMTk5LjYxNywxMS44NjJTMCw3MCwwLDcwVjEwQTEwLDEwLDAsMCwxLDEwLDAiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPgo8L3N2Zz4K");\n mask-repeat: no-repeat;\n mask-size: auto;\n -webkit-mask-size: auto;\n -webkit-mask-repeat: no-repeat;\n height: 90px;\n ':"height: 60px;"}
|
|
505
|
+
`,xn=c.div`
|
|
438
506
|
width: 100%;
|
|
439
507
|
height: 100%;
|
|
440
508
|
display: flex;
|
|
441
|
-
`,
|
|
442
|
-
${e=>e.bannerWidth>
|
|
509
|
+
`,yn=c.div`
|
|
510
|
+
${e=>e.bannerWidth>Cn?"padding-bottom: 0 !important;":""}
|
|
443
511
|
display: flex;
|
|
444
512
|
gap: 10px;
|
|
445
513
|
align-items: center;
|
|
@@ -460,8 +528,8 @@ i {
|
|
|
460
528
|
color: #fff;
|
|
461
529
|
font-style: normal;
|
|
462
530
|
}
|
|
463
|
-
`,
|
|
464
|
-
${e=>e.bannerWidth>
|
|
531
|
+
`,vn=c.div`
|
|
532
|
+
${e=>e.bannerWidth>Cn?"padding-bottom: 0 !important;":""}
|
|
465
533
|
display: flex;
|
|
466
534
|
flex-direction: row-reverse;
|
|
467
535
|
gap: 10px;
|
|
@@ -476,9 +544,9 @@ i {
|
|
|
476
544
|
cursor: pointer;
|
|
477
545
|
display: block;
|
|
478
546
|
}
|
|
479
|
-
`,
|
|
547
|
+
`,wn=c.i`
|
|
480
548
|
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");
|
|
481
|
-
`,
|
|
549
|
+
`,Mn=({config:t,minimize:i})=>{const[o,a]=r();return l((()=>{new ResizeObserver((()=>{const e=document.getElementById(mn)?.offsetWidth;e&&e>50&&e!==o&&a(e)})).observe(document.getElementById(mn))}),[]),e(bn,{bannerWidth:o,className:"bc-header",children:e(fn,{className:"bc-banner",id:mn,startColor:"#065A60",endColor:"#006466",bannerWidth:o,children:n(xn,{className:"bc-bannerContents",children:[n(yn,{className:"bc-companyInfo",bannerWidth:o,logo:t.brandLogo||b,children:[e("i",{}),e("span",{children:t.brandName||"BreadCrumbs"})]}),e(vn,{className:"bc-bannerActions",bannerWidth:o,children:i?e(wn,{className:"bc-flow-minimize",onClick:()=>i()}):null})]})})})};Ce('@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");\n/* Chat constants - we should use html to allow portal overrides those values if it needs to be different */\nhtml {\n --bc-chat-font-stack: "Poppins", "Montserrat", sans-serif;\n --bc-chat-fontSize-xs: 10px;\n --bc-chat-fontSize-sm: 12px;\n --bc-chat-fontSize-md: 16px;\n --bc-chat-fontSize-lg: 18px;\n --bc-chat-fontSize-xl: 22px;\n --bc-chat-fontWeight-light: 100;\n --bc-chat-fontWeight-regular: 400;\n --bc-chat-fontWeight-medium: 500;\n --bc-chat-fontWeight-bold: 700;\n --bc-chat-lineHeight-xs: 18px;\n --bc-chat-lineHeight-sm: 22px;\n --bc-chat-lineHeight-md: 28px;\n --bc-chat-radius: 5px;\n --bc-chat-other-message-border-color: #E5E7EB;\n --bc-chat-other-message-background-start-color: #E5E7EB;\n --bc-chat-other-message-background-end-color: #E5E7EB;\n --bc-chat-other-message-text-color: #161616;\n --bc-chat-my-message-border-color: #258694;\n --bc-chat-my-message-background-start-color: #258694;\n --bc-chat-my-message-background-end-color: #258694;\n --bc-chat-my-message-text-color: #fff;\n --bc-chat-text-secondary: #6C737F;\n --bc-chat-text-secondary-dark: #4d4d4d;\n --bc-chat-text-secondary-darkest: #1F2A37;\n --bc-chat-message-highlight-color: #EBC10466;\n --bc-chat-danger-color: #B42318;\n --bc-chat-success-color: #58aa18;\n --bc-chat-white-color: #fff;\n --bc-background-primary-50: #F3FBFC;\n --bc-border-primary: #16616C;\n --bc-border-neutral-secondary: #E5E7EB;\n}');const An=c.div`
|
|
482
550
|
position: relative;
|
|
483
551
|
height: 100%;
|
|
484
552
|
display: flex;
|
|
@@ -497,5 +565,5 @@ i {
|
|
|
497
565
|
font-style: normal;
|
|
498
566
|
line-height: var(--bc-chat-lineHeight-xs);
|
|
499
567
|
color: var(--bc-chat-text-secondary-dark);
|
|
500
|
-
`,
|
|
568
|
+
`,Ln=({config:t={language:"EN",backgroundColor:"#F3F4F6"},messages:i=[],sendMessage:o,debug:a,minimize:l,onReachingUp:s,agentsIdsAvatarsMap:c,actionChips:d,noteMode:g,onNoteSend:p,onCloseNoteMode:h,searchPattern:u,notePlaceholder:m,searchMatchNo:C=1,onSearchMatchCount:b,onMessageReply:f,replyMessageTitle:x,replyMessageContent:y,onCancelReplyMessage:v,errorMessage:w,autoCompleteEnabled:M,autoCompleteSuggestion:A,onInputChange:L,onAutoCompleteMutate:k})=>{const[I,E]=r("MESSAGE_LIST");return n(An,{className:"bc-chat",children:[t.hideHeader?null:e(Mn,{config:t,minimize:l}),"MESSAGE_LIST"===I?e(Ee,{messages:i,sendMessage:o,debug:a,config:t,onReachingUp:s,agentsIdsAvatarsMap:c,searchPattern:u,searchMatchNo:C,onSearchMatchCount:b,onMessageReply:f,errorMessage:w},"message-list"):null,t.inputDisabled?null:e(un,{sendMessage:o,setView:E,config:t,actionChips:d,noteMode:g,onCloseNoteMode:h,onNoteSend:p,notePlaceholder:m,replyMessageTitle:x,replyMessageContent:y,onCancelReplyMessage:v,autoCompleteEnabled:M,autoCompleteSuggestion:A,onInputChange:L,onAutoCompleteMutate:k},"message-input")]})};export{Ln as BCChat};
|
|
501
569
|
//# sourceMappingURL=index.es.js.map
|