@bcrumbs.net/bc-chat 1.0.84 โ 1.0.85
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 +163 -163
- package/build/index.es.js +113 -90
- package/build/index.es.js.map +1 -1
- package/build/index.js +118 -95
- package/build/index.js.map +1 -1
- package/package.json +115 -115
package/build/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("@emotion/styled"),a=require("react-markdown"),o=require("rehype-raw"),i=require("franc-min"),r=require("uuid"),s=require("@azure/storage-blob");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("@emotion/styled"),a=require("react-markdown"),o=require("rehype-raw"),i=require("franc-min"),r=require("uuid"),s=require("@azure/storage-blob"),l=require("@emotion/react");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(n),g=c(a),p=c(o);const u={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"]},h="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==",m=["๐ค","๐","๐","โน๏ธ","๐ฒ","๐ณ","๐ ","๐","๐","๐","๐","๐คฃ","๐","๐","๐
","๐","๐","๐","๐","๐ฃ","๐ฅ","๐ฎ","๐ด","๐","๐","๐","๐","๐","๐ค","๐ค","๐","๐","๐ถ","๐"],x="bc-message-list-content";const C=d.default.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
|
-
`,
|
|
7
|
+
`,b=({createdAt:t})=>{const n=new Date(t).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"});return e.jsx(C,{children:n})},f=()=>e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("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.jsx("path",{d:"M16 7L12 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),e.jsx("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"})]}),y={delivered:f,failed:()=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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:f,sent:()=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M5 13L9 17L19 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),pending:()=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),played:f},v=({message:t})=>{if(!t.status)return null;const n=y[t.status];return e.jsx("div",{className:`status-icon ${t.status||""}`,children:e.jsx(n,{})})},w=d.default.div`
|
|
8
8
|
position: relative;
|
|
9
9
|
font-size: var(--bc-chat-fontSize-sm);
|
|
10
10
|
background: var(--bc-background-primary-50);
|
|
@@ -17,29 +17,29 @@
|
|
|
17
17
|
min-width: 100px;
|
|
18
18
|
width: auto;
|
|
19
19
|
direction: ${e=>"arb"===e.language?"rtl":"ltr"};
|
|
20
|
-
`,
|
|
20
|
+
`,M=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),A=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),j=d.default(w)`
|
|
21
21
|
min-width: 160px;
|
|
22
|
-
`,
|
|
22
|
+
`,k=d.default.div`
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: column;
|
|
25
25
|
gap: 6px;
|
|
26
|
-
`,
|
|
26
|
+
`,L=d.default.div`
|
|
27
27
|
display: flex;
|
|
28
28
|
align-items: center;
|
|
29
29
|
gap: 6px;
|
|
30
30
|
font-size: var(--bc-chat-fontSize-sm);
|
|
31
31
|
font-weight: 500;
|
|
32
|
-
`,
|
|
32
|
+
`,E=d.default.div`
|
|
33
33
|
display: flex;
|
|
34
34
|
flex-direction: column;
|
|
35
35
|
gap: 8px;
|
|
36
|
-
`,
|
|
36
|
+
`,I=d.default.span`
|
|
37
37
|
color: var(--bc-chat-text-secondary-darkest);
|
|
38
38
|
font-size: var(--bc-chat-fontSize-sm);
|
|
39
39
|
font-weight: var(--bc-chat-fontWeight-regular);
|
|
40
40
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
41
41
|
text-transform: capitalize;
|
|
42
|
-
`,
|
|
42
|
+
`,R=d.default.div`
|
|
43
43
|
display: flex;
|
|
44
44
|
flex-direction: row;
|
|
45
45
|
align-items: center;
|
|
@@ -50,16 +50,16 @@
|
|
|
50
50
|
font-size: var(--bc-chat-fontSize-sm);
|
|
51
51
|
font-weight: var(--bc-chat-fontWeight-medium);
|
|
52
52
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
53
|
-
`,
|
|
53
|
+
`,S=d.default.span`
|
|
54
54
|
white-space: nowrap;
|
|
55
55
|
text-transform: capitalize;
|
|
56
|
-
`,
|
|
56
|
+
`,F=d.default.span`
|
|
57
57
|
font-weight: var(--bc-chat-fontWeight-regular);
|
|
58
|
-
`,
|
|
58
|
+
`,B=d.default.div`
|
|
59
59
|
display: flex;
|
|
60
60
|
flex-direction: column;
|
|
61
61
|
gap: 4px;
|
|
62
|
-
`,D={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"},
|
|
62
|
+
`,D={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"},z=({messageContent:n,isMyMessage:a,configLanguage:o})=>{const i=t.useMemo((()=>{try{return JSON.parse(n)}catch(e){return void console.log(e.message)}}),[n]),r="string"==typeof i?.language?i.language:i?.language?.code,s=t.useMemo((()=>(e=>{if(!e)return;if(D[e])return D[e];const t=e.split("_")[0].toLowerCase();return D[t]?D[t]:e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()})(r)),[r]),l=t.useMemo((()=>{if(!i)return[];const e=[];if(i.templateComponents){let t=[];try{"string"==typeof i.templateComponents?t=JSON.parse(i.templateComponents):Array.isArray(i.templateComponents)&&(t=i.templateComponents)}catch(t){return console.log("Error parsing templateComponents:",t.message),e}t.forEach(((t,n)=>{if(!t||"object"!=typeof t)return;const a=t.type||"unknown",o=t.parameters||[];if("body"===a)o.forEach(((t,n)=>{if(t&&"object"==typeof t){const a=t.text||t.value||JSON.stringify(t),i=o.length>1?`Body Parameter ${n+1}`:"Body";e.push({label:i,value:String(a)})}}));else if("button"===a){const a=void 0!==t.index?t.index:n,i=t.sub_type||t.subType||"";o.forEach(((t,n)=>{if(t&&"object"==typeof t){const r=t.text||t.value||JSON.stringify(t),s=i?`Button ${a} (${i})`:`Button ${a}`,l=o.length>1?`${s} - Parameter ${n+1}`:s;e.push({label:l,value:String(r)})}}))}else o.forEach(((t,n)=>{if(t&&"object"==typeof t){const i=t.text||t.value||JSON.stringify(t),r=a.charAt(0).toUpperCase()+a.slice(1),s=o.length>1?`${r} Parameter ${n+1}`:r;e.push({label:s,value:String(i)})}}))}))}return e}),[i]);return i?e.jsx(B,{children:e.jsxs(j,{isMyMessage:a,language:o,children:[e.jsxs(k,{children:[e.jsxs(L,{children:[e.jsx(M,{}),e.jsx(I,{children:i.name||"Template"})]}),s&&e.jsxs(L,{children:[e.jsx(A,{}),e.jsx(I,{children:s})]})]}),l.length>0&&e.jsx(E,{children:l.map(((t,n)=>e.jsxs(R,{children:[e.jsx(S,{children:t.label}),e.jsx(F,{children:t.value})]},n)))})]})}):null},N=d.default(w)`
|
|
63
63
|
overflow: hidden;
|
|
64
64
|
text-overflow: ellipsis;
|
|
65
65
|
white-space: nowrap;
|
|
@@ -68,10 +68,10 @@
|
|
|
68
68
|
&::after {
|
|
69
69
|
display: none;
|
|
70
70
|
}
|
|
71
|
-
`,
|
|
71
|
+
`,T=d.default.div`
|
|
72
72
|
white-space: normal;
|
|
73
73
|
cursor: pointer;
|
|
74
|
-
`,Z=({className:n,context:a,isMyMessage:o,language:i})=>{const r=t.useCallback((()=>{const e=document.getElementById(
|
|
74
|
+
`,Z=({className:n,context:a,isMyMessage:o,language:i})=>{const r=t.useCallback((()=>{const e=document.getElementById(x),t=document.getElementById(a.replyToId);e&&t&&(e.style.scrollBehavior="smooth",t.scrollIntoView())}),[a.replyToId]),s=()=>"image"===a.replyToType?e.jsx("img",{src:a.replyToContent,alt:"Media preview",style:{width:"30px",height:"30px",objectFit:"cover",marginLeft:"8px",verticalAlign:"middle"}}):"template"===a.replyToType&&a.replyToContent?e.jsx(T,{onClick:r,children:e.jsx(z,{messageContent:a.replyToContent,isMyMessage:o,configLanguage:i})}):a.replyToContent;return"template"===a.replyToType?e.jsx("div",{className:n,onClick:r,children:s()}):e.jsx(N,{className:n,isMyMessage:o,language:i,onClick:r,children:s()})},H=d.default.div`
|
|
75
75
|
position: relative;
|
|
76
76
|
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))"};
|
|
77
77
|
color: ${e=>e.isMyMessage?"var(--bc-chat-my-message-text-color)":"var(--bc-chat-other-message-text-color)"};
|
|
@@ -101,21 +101,21 @@
|
|
|
101
101
|
background-size: 100% 100%;
|
|
102
102
|
background-repeat: no-repeat;
|
|
103
103
|
}
|
|
104
|
-
`,
|
|
104
|
+
`,P=d.default.div`
|
|
105
105
|
display: flex;
|
|
106
106
|
gap: 8px;
|
|
107
107
|
box-sizing: border-box;
|
|
108
108
|
${e=>e.isMedia?"flex-direction: column;":e.isMyMessage?"flex-direction: row;":"flex-direction: row-reverse;"}
|
|
109
|
-
`,
|
|
109
|
+
`,U=d.default.div`
|
|
110
110
|
direction: ${e=>"arb"===e.language?"rtl":"ltr"};
|
|
111
111
|
flex: 1;
|
|
112
|
-
`,
|
|
112
|
+
`,V=d.default.div`
|
|
113
113
|
display: flex;
|
|
114
114
|
align-items: flex-end;
|
|
115
115
|
justify-content: ${e=>e.isMedia&&e.isMyMessage?"flex-end":"flex-start"};
|
|
116
116
|
margin-bottom: -4px;
|
|
117
117
|
gap: 4px;
|
|
118
|
-
`,
|
|
118
|
+
`,G=d.default.button`
|
|
119
119
|
display: none;
|
|
120
120
|
position: absolute;
|
|
121
121
|
${e=>e.isMyMessage&&!e.isRTL||!e.isMyMessage&&e.isRTL?"left: -40px;":"right: -40px;"}
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
background-color: rgba(22, 97, 108, 0.12);
|
|
139
139
|
outline: none;
|
|
140
140
|
}
|
|
141
|
-
`,G=()=>e.jsx("svg",{width:"15",height:"16",viewBox:"0 0 15 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),J=({isMyMessage:n,createdAt:a,children:o,className:r,message:s,config:l,style:c,onReply:d,isMedia:g})=>{const p=i.franc(s.content),u="AR"===l.language,h=s?.messageId,m=Boolean(d&&h),C=t.useCallback((()=>{h&&d?.(h)}),[h,d]),b=a||s&&l&&l.isAgent===s.isAgent?e.jsxs(U,{isMedia:g,isMyMessage:n,children:[s&&l&&l.isAgent===s.isAgent&&e.jsx(v,{message:s,config:l}),a&&e.jsx(x,{createdAt:a})]}):null;return e.jsxs(T,{isMyMessage:n,language:l.language,className:r,style:c,children:[m?e.jsx(V,{className:"bc-replyButton",type:"button",onClick:C,isRTL:u,isMyMessage:n,children:e.jsx(G,{})}):null,s.context&&s.context.replyToId?e.jsx(Z,{context:s.context,isMyMessage:n,language:p}):null,"template"===s.type?e.jsx(B,{messageContent:s.content,isMyMessage:n,configLanguage:l.language}):null,e.jsxs(H,{isMyMessage:n,isMedia:g,children:[e.jsxs(P,{language:p,children:[o,g&&b]}),!g&&b]})]})},K=({message:t,config:n,searchPattern:a,onReply:o})=>{const i=n.isAgent===t.isAgent;return e.jsx(J,{className:"bc-textMessage",isMyMessage:i,createdAt:t.createdAt,message:t,config:n,onReply:o,children:(t.content&&t.content.indexOf("\n")>-1?t.content.split("\n"):[t.content]).map(((n,o)=>{const i=a&&a.trim()?function(e,t){const n=(a=t.trim(),a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"));var a;if(!n)return e;const o=new RegExp(`(${n})`,"gi");return e.replace(o,'<span style="background-color: var(--bc-chat-message-highlight-color, yellow); padding: 3px 0;">$1</span>')}(n,a):n;return e.jsx(d.default,{rehypePlugins:[g.default],skipHtml:!1,children:i},`${t.messageId}-${o}`)}))})};function W(e){if(!isFinite(e)||e<0)return"0:00";return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}function Q({src:n}){const a=t.useRef(null),[o,i]=t.useState(!1),[r,s]=t.useState(!0),[l,c]=t.useState(0),[d,g]=t.useState(0),p=t.useMemo((()=>{const e=function(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return()=>{t+=1831565813;let e=Math.imul(t^t>>>15,1|t);return e^=e+Math.imul(e^e>>>7,61|e),((e^e>>>14)>>>0)/4294967296}}(n),t=[];for(let n=0;n<82;n++){const a=.6*Math.sin(n/82*Math.PI)+.2,o=.25*(e()-.5),i=Math.min(1,Math.max(.15,a+o));t.push(i)}return t}),[n]);t.useEffect((()=>{const e=a.current;if(!e)return;const t=()=>{c(e.duration),s(!1)},n=()=>g(e.currentTime),o=()=>i(!1),r=()=>{document.querySelectorAll("video, audio").forEach((t=>{t!==e&&t.pause()})),i(!0)},l=()=>i(!1);return e.addEventListener("loadedmetadata",t),e.addEventListener("timeupdate",n),e.addEventListener("ended",o),e.addEventListener("play",r),e.addEventListener("pause",l),()=>{e.removeEventListener("loadedmetadata",t),e.removeEventListener("timeupdate",n),e.removeEventListener("ended",o),e.removeEventListener("play",r),e.removeEventListener("pause",l)}}),[n]);const u=t.useCallback((()=>{const e=a.current;e&&(e.paused?e.play():e.pause())}),[]),h=t.useCallback((e=>{const t=a.current;if(!t||!l)return;const n=e.currentTarget.getBoundingClientRect(),o=Math.min(1,Math.max(0,(e.clientX-n.left)/n.width));t.currentTime=o*l,g(t.currentTime)}),[l]),m=l?Math.min(1,d/l):0;return e.jsxs("div",{className:"bc-audioPlayer",role:"group","aria-label":"Audio message player",children:[e.jsx("button",{type:"button",className:"bc-audioPlayer__button "+(o?"pause":"play"),onClick:u,"aria-label":o?"Pause audio":"Play audio"}),e.jsxs("div",{className:"bc-audioPlayer__wave",onClick:h,children:[e.jsx("div",{className:"bc-audioPlayer__wave--future",children:p.map(((t,n)=>e.jsx("span",{style:{height:`${Math.round(18*t)}px`}},`f-${n}`)))}),e.jsx("div",{className:"bc-audioPlayer__wave--past",style:{width:100*m+"%"},children:p.map(((t,n)=>e.jsx("span",{style:{height:`${Math.round(18*t)}px`}},`p-${n}`)))})]}),e.jsx("div",{className:"bc-audioPlayer__time","aria-live":"polite",children:r?"--:--":W(l)}),e.jsx("audio",{ref:a,src:n,preload:"metadata"})]})}const Y=({message:n,config:a,onReply:o})=>{const[i,r]=t.useState(!1),[s,l]=t.useState(!0),c=t.useRef(null),d=t.useCallback((()=>{const e=c.current;e&&console.error("Media playback error:",{src:e.src,error:e.error,networkState:e.networkState,readyState:e.readyState,messageType:n.type}),r(!0),l(!1)}),[n.type]),g=t.useCallback((()=>{console.log("Media loaded successfully:",n.content),l(!1)}),[n.content]),p=t.useCallback((()=>{console.log("Media can play:",n.content),l(!1)}),[n.content]),u=t.useCallback((()=>{console.log("Media load started:",n.content)}),[n.content]);t.useEffect((()=>{const e=()=>{document.querySelectorAll("video, audio").forEach((e=>{e!==c.current&&e.pause()}))},t=c.current;if(t){t.addEventListener("play",e),t.addEventListener("loadeddata",g),t.addEventListener("canplay",p),t.addEventListener("error",d),t.addEventListener("loadstart",u);const a=setTimeout((()=>{console.log("Loading timeout reached for:",n.content),l(!1)}),5e3);return()=>{t&&(t.removeEventListener("play",e),t.removeEventListener("loadeddata",g),t.removeEventListener("canplay",p),t.removeEventListener("error",d),t.removeEventListener("loadstart",u)),clearTimeout(a)}}}),[p,u,d,g,n.content,n.type]);const h=a.isAgent===n.isAgent;return i?e.jsxs(J,{className:"bc-mediaMessage"+("audio"===n.type?" audio":""),isMyMessage:h,isMedia:!0,createdAt:n.createdAt,message:n,config:a,onReply:o,children:[e.jsxs("p",{style:{margin:0,color:"#666"},children:["Unable to load ","audio"===n.type?"audio":"video"," file."]}),e.jsxs("a",{href:n.content,target:"_blank",rel:"noopener noreferrer",style:{color:"#007bff",textDecoration:"none"},children:["Open ","audio"===n.type?"audio":"video"," in new tab"]})]}):"audio"===n.type?e.jsx(J,{className:"bc-mediaMessage audio",isMyMessage:h,isMedia:!0,createdAt:n.createdAt,message:n,config:a,style:{position:"relative"},onReply:o,children:e.jsx(Q,{src:n.content})}):e.jsxs(J,{className:"bc-mediaMessage",isMyMessage:h,isMedia:!0,createdAt:n.createdAt,message:n,config:a,style:{position:"relative"},onReply:o,children:[e.jsx("video",{ref:c,src:n.content,controls:!0,preload:"metadata",playsInline:!0,onError:d,onLoadedData:g,onCanPlay:p,onLoadStart:u}),s&&e.jsx("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 O={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",message:"Message",add_contact:"Add Contact",autoCompleteAcceptHint:"Press Tab or the Right arrow key to insert the full suggestion."},AR:{share_my_location:"ู
ุดุงุฑูุฉ ู
ููุนู",share_my_current_location:"ู
ุดุงุฑูุฉ ู
ููุนู ุงูุญุงูู",placeholder:"ุงูุฑุณุงูุฉ...",notePlaceholder:"ุฃุถู ู
ูุงุญุธุชู",see_your_location:"ุฑุคูุฉ ู
ููุนู",location_permission:"ูุฑุฌู ู
ูุญ ุฅุฐู ุงูู
ููุน",download:"ุชุญู
ูู",template_message:"ุฑุณุงูุฉ ูุงูุจ",message:"ุฃุฑุณู ุฑุณุงูุฉ",add_contact:"ุฅุถุงูุฉ ุฌูุฉ ุงุชุตุงู",autoCompleteAcceptHint:"ุงุถุบุท Tab ุฃู ู
ูุชุงุญ ุงูุณูู
ุงูุฃูู
ู ูุฅุฏุฑุงุฌ ุงูุงูุชุฑุงุญ ูุงู
ููุง."},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ฤฑ",message:"Mesaj",add_contact:"Kiลi Ekle",autoCompleteAcceptHint:"Tam รถneriyi eklemek iรงin Tab veya Saฤ ok tuลuna basฤฑn."}};const q=()=>e.jsx("svg",{width:"18",height:"22",viewBox:"0 0 18 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),X=c.default.a`
|
|
141
|
+
`,J=()=>e.jsx("svg",{width:"15",height:"16",viewBox:"0 0 15 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),K=({isMyMessage:n,createdAt:a,children:o,className:r,message:s,config:l,style:c,onReply:d,isMedia:g})=>{const p=i.franc(s.content),u="AR"===l.language,h=s?.messageId,m=Boolean(d&&h),x=t.useCallback((()=>{h&&d?.(h)}),[h,d]),C=a||s&&l&&l.isAgent===s.isAgent?e.jsxs(V,{isMedia:g,isMyMessage:n,children:[s&&l&&l.isAgent===s.isAgent&&e.jsx(v,{message:s,config:l}),a&&e.jsx(b,{createdAt:a})]}):null;return e.jsxs(H,{isMyMessage:n,language:l.language,className:r,style:c,children:[m?e.jsx(G,{className:"bc-replyButton",type:"button",onClick:x,isRTL:u,isMyMessage:n,children:e.jsx(J,{})}):null,s.context&&s.context.replyToId?e.jsx(Z,{context:s.context,isMyMessage:n,language:p}):null,"template"===s.type?e.jsx(z,{messageContent:s.content,isMyMessage:n,configLanguage:l.language}):null,e.jsxs(P,{isMyMessage:n,isMedia:g,children:[e.jsxs(U,{language:p,children:[o,g&&C]}),!g&&C]})]})},W=({message:t,config:n,searchPattern:a,onReply:o})=>{const i=n.isAgent===t.isAgent;return e.jsx(K,{className:"bc-textMessage",isMyMessage:i,createdAt:t.createdAt,message:t,config:n,onReply:o,children:(t.content&&t.content.indexOf("\n")>-1?t.content.split("\n"):[t.content]).map(((n,o)=>{const i=a&&a.trim()?function(e,t){const n=(a=t.trim(),a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"));var a;if(!n)return e;const o=new RegExp(`(${n})`,"gi");return e.replace(o,'<span style="background-color: var(--bc-chat-message-highlight-color, yellow); padding: 3px 0;">$1</span>')}(n,a):n;return e.jsx(g.default,{rehypePlugins:[p.default],skipHtml:!1,children:i},`${t.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 Y({src:n}){const a=t.useRef(null),[o,i]=t.useState(!1),[r,s]=t.useState(!0),[l,c]=t.useState(0),[d,g]=t.useState(0),p=t.useMemo((()=>{const e=function(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return()=>{t+=1831565813;let e=Math.imul(t^t>>>15,1|t);return e^=e+Math.imul(e^e>>>7,61|e),((e^e>>>14)>>>0)/4294967296}}(n),t=[];for(let n=0;n<82;n++){const a=.6*Math.sin(n/82*Math.PI)+.2,o=.25*(e()-.5),i=Math.min(1,Math.max(.15,a+o));t.push(i)}return t}),[n]);t.useEffect((()=>{const e=a.current;if(!e)return;const t=()=>{c(e.duration),s(!1)},n=()=>g(e.currentTime),o=()=>i(!1),r=()=>{document.querySelectorAll("video, audio").forEach((t=>{t!==e&&t.pause()})),i(!0)},l=()=>i(!1);return e.addEventListener("loadedmetadata",t),e.addEventListener("timeupdate",n),e.addEventListener("ended",o),e.addEventListener("play",r),e.addEventListener("pause",l),()=>{e.removeEventListener("loadedmetadata",t),e.removeEventListener("timeupdate",n),e.removeEventListener("ended",o),e.removeEventListener("play",r),e.removeEventListener("pause",l)}}),[n]);const u=t.useCallback((()=>{const e=a.current;e&&(e.paused?e.play():e.pause())}),[]),h=t.useCallback((e=>{const t=a.current;if(!t||!l)return;const n=e.currentTarget.getBoundingClientRect(),o=Math.min(1,Math.max(0,(e.clientX-n.left)/n.width));t.currentTime=o*l,g(t.currentTime)}),[l]),m=l?Math.min(1,d/l):0;return e.jsxs("div",{className:"bc-audioPlayer",role:"group","aria-label":"Audio message player",children:[e.jsx("button",{type:"button",className:"bc-audioPlayer__button "+(o?"pause":"play"),onClick:u,"aria-label":o?"Pause audio":"Play audio"}),e.jsxs("div",{className:"bc-audioPlayer__wave",onClick:h,children:[e.jsx("div",{className:"bc-audioPlayer__wave--future",children:p.map(((t,n)=>e.jsx("span",{style:{height:`${Math.round(18*t)}px`}},`f-${n}`)))}),e.jsx("div",{className:"bc-audioPlayer__wave--past",style:{width:100*m+"%"},children:p.map(((t,n)=>e.jsx("span",{style:{height:`${Math.round(18*t)}px`}},`p-${n}`)))})]}),e.jsx("div",{className:"bc-audioPlayer__time","aria-live":"polite",children:r?"--:--":Q(l)}),e.jsx("audio",{ref:a,src:n,preload:"auto"})]})}const O=({message:n,config:a,onReply:o})=>{const[i,r]=t.useState(!1),[s,l]=t.useState(!0),c=t.useRef(null),d=t.useCallback((()=>{const e=c.current;e&&console.error("Media playback error:",{src:e.src,error:e.error,networkState:e.networkState,readyState:e.readyState,messageType:n.type}),r(!0),l(!1)}),[n.type]),g=t.useCallback((()=>{console.log("Media loaded successfully:",n.content),l(!1)}),[n.content]),p=t.useCallback((()=>{console.log("Media can play:",n.content),l(!1)}),[n.content]),u=t.useCallback((()=>{console.log("Media load started:",n.content)}),[n.content]);t.useEffect((()=>{const e=()=>{document.querySelectorAll("video, audio").forEach((e=>{e!==c.current&&e.pause()}))},t=c.current;if(t){t.addEventListener("play",e),t.addEventListener("loadeddata",g),t.addEventListener("canplay",p),t.addEventListener("error",d),t.addEventListener("loadstart",u);const a=setTimeout((()=>{console.log("Loading timeout reached for:",n.content),l(!1)}),5e3);return()=>{t&&(t.removeEventListener("play",e),t.removeEventListener("loadeddata",g),t.removeEventListener("canplay",p),t.removeEventListener("error",d),t.removeEventListener("loadstart",u)),clearTimeout(a)}}}),[p,u,d,g,n.content,n.type]);const h=a.isAgent===n.isAgent;return i?e.jsxs(K,{className:"bc-mediaMessage"+("audio"===n.type?" audio":""),isMyMessage:h,isMedia:!0,createdAt:n.createdAt,message:n,config:a,onReply:o,children:[e.jsxs("p",{style:{margin:0,color:"#666"},children:["Unable to load ","audio"===n.type?"audio":"video"," file."]}),e.jsxs("a",{href:n.content,target:"_blank",rel:"noopener noreferrer",style:{color:"#007bff",textDecoration:"none"},children:["Open ","audio"===n.type?"audio":"video"," in new tab"]})]}):"audio"===n.type?e.jsx(K,{className:"bc-mediaMessage audio",isMyMessage:h,isMedia:!0,createdAt:n.createdAt,message:n,config:a,style:{position:"relative"},onReply:o,children:e.jsx(Y,{src:n.content})}):e.jsxs(K,{className:"bc-mediaMessage",isMyMessage:h,isMedia:!0,createdAt:n.createdAt,message:n,config:a,style:{position:"relative"},onReply:o,children:[e.jsx("video",{ref:c,src:n.content,controls:!0,preload:"metadata",playsInline:!0,onError:d,onLoadedData:g,onCanPlay:p,onLoadStart:u}),s&&e.jsx("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 q={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",message:"Message",add_contact:"Add Contact",autoCompleteAcceptHint:"Press Tab or the Right arrow key to insert the full suggestion."},AR:{share_my_location:"ู
ุดุงุฑูุฉ ู
ููุนู",share_my_current_location:"ู
ุดุงุฑูุฉ ู
ููุนู ุงูุญุงูู",placeholder:"ุงูุฑุณุงูุฉ...",notePlaceholder:"ุฃุถู ู
ูุงุญุธุชู",see_your_location:"ุฑุคูุฉ ู
ููุนู",location_permission:"ูุฑุฌู ู
ูุญ ุฅุฐู ุงูู
ููุน",download:"ุชุญู
ูู",template_message:"ุฑุณุงูุฉ ูุงูุจ",message:"ุฃุฑุณู ุฑุณุงูุฉ",add_contact:"ุฅุถุงูุฉ ุฌูุฉ ุงุชุตุงู",autoCompleteAcceptHint:"ุงุถุบุท Tab ุฃู ู
ูุชุงุญ ุงูุณูู
ุงูุฃูู
ู ูุฅุฏุฑุงุฌ ุงูุงูุชุฑุงุญ ูุงู
ููุง."},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ฤฑ",message:"Mesaj",add_contact:"Kiลi Ekle",autoCompleteAcceptHint:"Tam รถneriyi eklemek iรงin Tab veya Saฤ ok tuลuna basฤฑn."}};const X=()=>e.jsx("svg",{width:"18",height:"22",viewBox:"0 0 18 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),$=d.default.a`
|
|
142
142
|
${e=>e.isMyMessage?"flex-direction: row;":"flex-direction: row-reverse;"}
|
|
143
143
|
min-width: 300px;
|
|
144
144
|
display: flex;
|
|
@@ -157,13 +157,13 @@ i {
|
|
|
157
157
|
width: 15px;
|
|
158
158
|
height: 16px;
|
|
159
159
|
}
|
|
160
|
-
`,_=
|
|
160
|
+
`,_=d.default.div`
|
|
161
161
|
display: flex;
|
|
162
162
|
flex-direction: row;
|
|
163
163
|
align-items: center;
|
|
164
164
|
gap: 6px;
|
|
165
165
|
${e=>e.isMyMessage?"flex-direction: row;":"flex-direction: row-reverse;"}
|
|
166
|
-
|
|
166
|
+
`,ee=d.default.div`
|
|
167
167
|
width: 32px;
|
|
168
168
|
height: 32px;
|
|
169
169
|
border-radius: 6px;
|
|
@@ -172,41 +172,41 @@ i {
|
|
|
172
172
|
align-items: center;
|
|
173
173
|
justify-content: center;
|
|
174
174
|
padding: 8px;
|
|
175
|
-
`,
|
|
175
|
+
`,te=d.default.div`
|
|
176
176
|
display: flex;
|
|
177
177
|
flex-direction: column;
|
|
178
178
|
gap: 4px;
|
|
179
|
-
`,
|
|
179
|
+
`,ne=d.default.span`
|
|
180
180
|
font-size: var(--bc-chat-fontSize-xs);
|
|
181
181
|
font-weight: var(--bc-chat-fontWeight-regular);
|
|
182
182
|
line-height: var(--bc-chat-lineHeight-xs);
|
|
183
|
-
`,
|
|
183
|
+
`,ae=d.default.span`
|
|
184
184
|
font-size: var(--bc-chat-fontSize-sm);
|
|
185
185
|
opacity: 0.7;
|
|
186
186
|
font-weight: var(--bc-chat-fontWeight-regular);
|
|
187
187
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
188
|
-
`;const
|
|
188
|
+
`;const oe=d.default.a`
|
|
189
189
|
font-size: var(--bc-chat-fontSize-sm);
|
|
190
190
|
color: inherit;
|
|
191
191
|
text-decoration: none;
|
|
192
192
|
&:hover {
|
|
193
193
|
opacity: 0.8;
|
|
194
194
|
}
|
|
195
|
-
`,
|
|
195
|
+
`,ie=d.default.div`
|
|
196
196
|
display: flex;
|
|
197
197
|
flex-direction: row;
|
|
198
198
|
align-items: center;
|
|
199
199
|
gap: 5px;
|
|
200
|
-
`,
|
|
200
|
+
`,re=d.default.span`
|
|
201
201
|
color: inherit;
|
|
202
|
-
`;const
|
|
202
|
+
`;const se=d.default.i`
|
|
203
203
|
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")`};
|
|
204
204
|
background-position: center;
|
|
205
205
|
background-size: contain;
|
|
206
206
|
background-repeat: no-repeat;
|
|
207
207
|
width: 15px;
|
|
208
208
|
height: 15px;
|
|
209
|
-
`,
|
|
209
|
+
`,le=d.default.div`
|
|
210
210
|
display: inline-block;
|
|
211
211
|
background-color: #fff !important;
|
|
212
212
|
text-align: center;
|
|
@@ -219,14 +219,14 @@ i {
|
|
|
219
219
|
word-break: break-word;
|
|
220
220
|
text-decoration: none;
|
|
221
221
|
max-width: 60%;
|
|
222
|
-
`,
|
|
222
|
+
`,ce=d.default.span`
|
|
223
223
|
direction: ${e=>"arb"===e.language?"rtl":"ltr"};
|
|
224
|
-
`,
|
|
224
|
+
`,de=()=>e.jsx("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginBottom:"-2px"},children:e.jsx("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"})}),ge=d.default.span`
|
|
225
225
|
font-size: var(--bc-chat-fontSize-sm);
|
|
226
226
|
font-weight: var(--bc-chat-fontWeight-medium);
|
|
227
227
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
228
228
|
margin: 0 3px;
|
|
229
|
-
`,
|
|
229
|
+
`,pe=d.default.div`
|
|
230
230
|
display: flex;
|
|
231
231
|
flex-direction: column;
|
|
232
232
|
background-color: var(--bc-chat-other-message-background-start-color);
|
|
@@ -234,28 +234,28 @@ i {
|
|
|
234
234
|
overflow: hidden;
|
|
235
235
|
min-width: 280px;
|
|
236
236
|
max-width: 320px;
|
|
237
|
-
`,
|
|
237
|
+
`,ue=d.default.div`
|
|
238
238
|
display: flex;
|
|
239
239
|
flex-direction: row;
|
|
240
240
|
padding: 8px 12px;
|
|
241
241
|
gap: 12px;
|
|
242
242
|
align-items: center;
|
|
243
|
-
`,
|
|
243
|
+
`,he=d.default.div`
|
|
244
244
|
display: flex;
|
|
245
245
|
flex-direction: column;
|
|
246
246
|
flex: 1;
|
|
247
247
|
gap: 2px;
|
|
248
|
-
`,
|
|
248
|
+
`,me=d.default.span`
|
|
249
249
|
font-weight: 500;
|
|
250
250
|
font-size: var(--bc-chat-fontSize-sm);
|
|
251
251
|
color: var(--bc-chat-text-secondary-darkest);
|
|
252
|
-
`,
|
|
252
|
+
`,xe=d.default.span`
|
|
253
253
|
font-weight: var(--bc-chat-fontWeight-regular);
|
|
254
254
|
font-size: var(--bc-chat-fontSize-sm);
|
|
255
255
|
color: var(--bc-chat-text-secondary-dark);
|
|
256
|
-
`,Ce=
|
|
256
|
+
`,Ce=d.default.span`
|
|
257
257
|
color: var(--bc-chat-other-message-text-color);
|
|
258
|
-
`,
|
|
258
|
+
`,be=d.default.div`
|
|
259
259
|
width: 48px;
|
|
260
260
|
height: 48px;
|
|
261
261
|
border-radius: 50%;
|
|
@@ -267,13 +267,13 @@ i {
|
|
|
267
267
|
display: flex;
|
|
268
268
|
align-items: center;
|
|
269
269
|
justify-content: center;
|
|
270
|
-
`,
|
|
270
|
+
`,fe=()=>e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z",fill:"#9CA3AF"})}),ye=d.default.div`
|
|
271
271
|
height: 1px;
|
|
272
272
|
background-color: var(--bc-chat-other-message-separator-color);
|
|
273
|
-
`,ve=
|
|
273
|
+
`,ve=d.default.div`
|
|
274
274
|
display: flex;
|
|
275
275
|
flex-direction: row;
|
|
276
|
-
`,
|
|
276
|
+
`,we=d.default.button`
|
|
277
277
|
flex: 1;
|
|
278
278
|
padding: 10px 16px;
|
|
279
279
|
margin: 0 !important;
|
|
@@ -292,12 +292,12 @@ i {
|
|
|
292
292
|
&:first-of-type {
|
|
293
293
|
border-right: 1px solid var(--bc-chat-other-message-separator-color);
|
|
294
294
|
}
|
|
295
|
-
`,
|
|
295
|
+
`,Me=({contact:n,createdAt:a,language:o,onMessage:i,onAddContact:r})=>{const s=t.useMemo((()=>{const e=[n.firstName,n.lastName].filter(Boolean);return e.length>0?e.join(" "):"Unknown Contact"}),[n.firstName,n.lastName]);return e.jsxs(pe,{children:[e.jsxs(ue,{children:[e.jsxs(he,{children:[e.jsx(me,{children:s}),n.phone&&e.jsx(xe,{children:n.phone}),a&&e.jsx(Ce,{children:e.jsx(b,{createdAt:a})})]}),e.jsx(be,{children:e.jsx(fe,{})})]}),e.jsx(ye,{}),e.jsxs(ve,{children:[e.jsx(we,{onClick:i,children:q[o]?.message||"Message"}),e.jsx(we,{onClick:r,children:q[o]?.add_contact||"Add Contact"})]})]})},Ae=d.default.div`
|
|
296
296
|
display: flex;
|
|
297
297
|
flex-direction: column;
|
|
298
298
|
gap: 8px;
|
|
299
|
-
`,Ae={document:({message:n,config:a,onReply:o})=>{const i=a.isAgent===n.isAgent,[r,s]=t.useState(""),l=t.useMemo((()=>{try{const e=(n.content||"").split("/");return decodeURIComponent(e[e.length-1]||"file")}catch{return"file"}}),[n.content]);t.useEffect((()=>{let e=!1;const t=n.content;if(t){try{new URL(t)}catch{return}return fetch(t,{method:"HEAD"}).then((t=>{if(!t.ok)return;const n=t.headers.get("content-length");if(!n)return;const a=Number(n);var o;!Number.isFinite(a)||a<0||(e||s((o=a)<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}}}),[n.content]);const c=r?`${r} - ${O[a.language]?.download}`:O[a.language]?.download;return e.jsx(J,{isMyMessage:i,createdAt:n.createdAt,message:n,config:a,onReply:o,children:e.jsx(X,{href:n.content,target:"_blank",download:l,rel:"noopener noreferrer",isMyMessage:i,children:e.jsxs(_,{isMyMessage:i,children:[e.jsx($,{children:e.jsx(q,{})}),e.jsxs(ee,{children:[e.jsx(te,{children:l}),e.jsx(ne,{children:c})]})]})})})},image:({message:t,config:n,onReply:a})=>{const o=n.isAgent===t.isAgent;return e.jsx(J,{className:"bc-mediaMessage",isMyMessage:o,createdAt:t.createdAt,message:t,config:n,onReply:a,isMedia:!0,children:e.jsx("a",{href:t.content,target:"_blank",rel:"noreferrer",children:e.jsx("img",{src:t.content,alt:"message content",style:{width:"100%",height:"auto",borderRadius:"8px"}})})})},location:({message:t,config:n,onReply:a})=>{const o=n.isAgent===t.isAgent;return e.jsx(J,{isMyMessage:o,createdAt:t.createdAt,message:t,config:n,onReply:a,children:e.jsx(ae,{href:"https://www.google.com/maps/?q="+t.content,target:"_blank",rel:"noopener noreferrer",children:e.jsxs(oe,{children:[e.jsx(re,{color:"000000"}),e.jsx(ie,{children:"Open location"})]})})})},text:K,video:Y,audio:Y,interactive:null,template:({message:t,config:n,onReply:a})=>{const o=n.isAgent===t.isAgent;return e.jsxs(J,{isMyMessage:o,createdAt:t.createdAt,message:t,config:n,onReply:a,children:[e.jsx(ce,{})," ",e.jsx(de,{children:O[n.language]?.template_message||"Template Message"})]})},note:({message:t})=>{const n=i.franc(t.content);return e.jsxs(se,{children:[e.jsx(le,{language:n,children:t.content}),"ย ",e.jsx(x,{createdAt:t.createdAt})]})},button:K,contacts:({message:n,config:a,onContactMessage:o,onContactAddContact:i})=>{const r=t.useMemo((()=>{try{const e=JSON.parse(n.content||"[]");return Array.isArray(e)?e:[e]}catch{return[]}}),[n.content]),s=t.useCallback((e=>{o&&o(e)}),[o]),l=t.useCallback((e=>{i&&i(e)}),[i]);return 0===r.length?null:e.jsx(Me,{children:r.map(((t,o)=>e.jsx(we,{contact:t,createdAt:0===o?n.createdAt:void 0,language:a.language,onMessage:()=>s(t),onAddContact:()=>l(t)},`${t.phone||o}`)))})}};function je(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('/* 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 ke=c.default.i`
|
|
300
|
-
background-image: url(${e=>e.avatar||
|
|
299
|
+
`,je={document:({message:n,config:a,onReply:o})=>{const i=a.isAgent===n.isAgent,[r,s]=t.useState(""),l=t.useMemo((()=>{try{const e=(n.content||"").split("/");return decodeURIComponent(e[e.length-1]||"file")}catch{return"file"}}),[n.content]);t.useEffect((()=>{let e=!1;const t=n.content;if(t){try{new URL(t)}catch{return}return fetch(t,{method:"HEAD"}).then((t=>{if(!t.ok)return;const n=t.headers.get("content-length");if(!n)return;const a=Number(n);var o;!Number.isFinite(a)||a<0||(e||s((o=a)<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}}}),[n.content]);const c=r?`${r} - ${q[a.language]?.download}`:q[a.language]?.download;return e.jsx(K,{isMyMessage:i,createdAt:n.createdAt,message:n,config:a,onReply:o,children:e.jsx($,{href:n.content,target:"_blank",download:l,rel:"noopener noreferrer",isMyMessage:i,children:e.jsxs(_,{isMyMessage:i,children:[e.jsx(ee,{children:e.jsx(X,{})}),e.jsxs(te,{children:[e.jsx(ne,{children:l}),e.jsx(ae,{children:c})]})]})})})},image:({message:t,config:n,onReply:a})=>{const o=n.isAgent===t.isAgent;return e.jsx(K,{className:"bc-mediaMessage",isMyMessage:o,createdAt:t.createdAt,message:t,config:n,onReply:a,isMedia:!0,children:e.jsx("a",{href:t.content,target:"_blank",rel:"noreferrer",children:e.jsx("img",{src:t.content,alt:"message content",style:{width:"100%",height:"auto",borderRadius:"8px"}})})})},location:({message:t,config:n,onReply:a})=>{const o=n.isAgent===t.isAgent;return e.jsx(K,{isMyMessage:o,createdAt:t.createdAt,message:t,config:n,onReply:a,children:e.jsx(oe,{href:"https://www.google.com/maps/?q="+t.content,target:"_blank",rel:"noopener noreferrer",children:e.jsxs(ie,{children:[e.jsx(se,{color:"000000"}),e.jsx(re,{children:"Open location"})]})})})},text:W,video:O,audio:O,interactive:null,template:({message:t,config:n,onReply:a})=>{const o=n.isAgent===t.isAgent;return e.jsxs(K,{isMyMessage:o,createdAt:t.createdAt,message:t,config:n,onReply:a,children:[e.jsx(de,{})," ",e.jsx(ge,{children:q[n.language]?.template_message||"Template Message"})]})},note:({message:t})=>{const n=i.franc(t.content);return e.jsxs(le,{children:[e.jsx(ce,{language:n,children:t.content}),"ย ",e.jsx(b,{createdAt:t.createdAt})]})},button:W,contacts:({message:n,config:a,onContactMessage:o,onContactAddContact:i})=>{const r=t.useMemo((()=>{try{const e=JSON.parse(n.content||"[]");return Array.isArray(e)?e:[e]}catch{return[]}}),[n.content]),s=t.useCallback((e=>{o&&o(e)}),[o]),l=t.useCallback((e=>{i&&i(e)}),[i]);return 0===r.length?null:e.jsx(Ae,{children:r.map(((t,o)=>e.jsx(Me,{contact:t,createdAt:0===o?n.createdAt:void 0,language:a.language,onMessage:()=>s(t),onAddContact:()=>l(t)},`${t.phone||o}`)))})}};function ke(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}ke('/* 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 Le=d.default.i`
|
|
300
|
+
background-image: url(${e=>e.avatar||h});
|
|
301
301
|
width: 30px;
|
|
302
302
|
height: 30px;
|
|
303
303
|
background-position: center;
|
|
@@ -305,7 +305,7 @@ i {
|
|
|
305
305
|
display: inline-block;
|
|
306
306
|
border-radius: 50%;
|
|
307
307
|
background-repeat: no-repeat;
|
|
308
|
-
`;function
|
|
308
|
+
`;function Ee(e,t,n){return"note"===e?"bc-note":n.isAgent?t?"bc-myMessage":"bc-otherMessage":t?"bc-otherMessage":"bc-myMessage"}const Ie=t=>{const{type:n,isAgent:a}=t.message,o=t.message.isAgent&&t.message.agentId&&t.agentsIdsAvatarsMap?.[t.message.agentId]||t.config?.brandLogo,i=je[n]??null;return i?e.jsxs("div",{className:Ee(n,a,t.config),id:t.message.messageId,style:{flexDirection:"AR"===t.config.language?"row-reverse":"row",alignItems:"flex-end"},children:[e.jsx(i,{message:t.message,config:t.config,searchPattern:t.searchPattern,onReply:t.onMessageReply,onContactMessage:t.onContactMessage,onContactAddContact:t.onContactAddContact}),t.config.isAgent&&a&&"note"!==n?e.jsx(Le,{avatar:o}):null]}):null},Re=d.default.div`
|
|
309
309
|
width: 90%;
|
|
310
310
|
display: flex;
|
|
311
311
|
align-items: center;
|
|
@@ -320,7 +320,7 @@ i {
|
|
|
320
320
|
margin-bottom: -10px;
|
|
321
321
|
padding:0 16px;
|
|
322
322
|
}
|
|
323
|
-
`,
|
|
323
|
+
`,Se=({data:t,config:n})=>e.jsx("div",{children:e.jsx(Re,{backgroundColor:n.backgroundColor,children:e.jsx("div",{className:"seperator-content",children:t.content})})}),Fe=d.default.div`
|
|
324
324
|
height: 100%;
|
|
325
325
|
width: 100%;
|
|
326
326
|
overflow-y: auto;
|
|
@@ -328,7 +328,7 @@ i {
|
|
|
328
328
|
background-size: 100% 100%;
|
|
329
329
|
background-image: ${e=>`url(${e.config.backgroundImage})`};
|
|
330
330
|
${e=>e.config.backgroundColor&&`background-color: ${e.config.backgroundColor};`}
|
|
331
|
-
`,
|
|
331
|
+
`,Be=d.default.div`
|
|
332
332
|
position: sticky;
|
|
333
333
|
top: 0px;
|
|
334
334
|
z-index: 2;
|
|
@@ -347,7 +347,7 @@ i {
|
|
|
347
347
|
border-radius: 24px;
|
|
348
348
|
white-space: nowrap;
|
|
349
349
|
}
|
|
350
|
-
`,De=
|
|
350
|
+
`,De=d.default.div`
|
|
351
351
|
position: absolute;
|
|
352
352
|
right: 10px;
|
|
353
353
|
bottom: 124px;
|
|
@@ -362,24 +362,24 @@ i {
|
|
|
362
362
|
align-items: center;
|
|
363
363
|
justify-content: center;
|
|
364
364
|
|
|
365
|
-
`,
|
|
365
|
+
`,ze=d.default.div`
|
|
366
366
|
width: 100%;
|
|
367
367
|
display: flex;
|
|
368
368
|
justify-content: center;
|
|
369
369
|
padding-bottom: 40px;
|
|
370
|
-
`,
|
|
370
|
+
`,Ne=d.default.span`
|
|
371
371
|
width: 18px;
|
|
372
372
|
height: 18px;
|
|
373
373
|
display: inline-flex;
|
|
374
374
|
align-items: center;
|
|
375
375
|
justify-content: center;
|
|
376
376
|
margin:0 6px;
|
|
377
|
-
`,
|
|
377
|
+
`,Te=d.default.p`
|
|
378
378
|
margin: 0;
|
|
379
379
|
font-size: var(--bc-chat-fontSize-sm);
|
|
380
380
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
381
381
|
color: inherit;
|
|
382
|
-
`,Ze=()=>e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})});function
|
|
382
|
+
`,Ze=()=>e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})});function He(e){return new Date(e).toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"numeric"})}function Pe(e){if(!e)return null;const t=e.querySelectorAll("[data-message-date]");if(0===t.length)return null;const n=e.getBoundingClientRect(),a=n.top+50;let o=null,i=null;for(const e of t){const t=e.getAttribute("data-message-date");if(!t)continue;const r=e.getBoundingClientRect();r.top<n.bottom&&r.bottom>n.top&&(!o||r.top<o.top)&&(o={date:t,top:r.top}),r.bottom<=a&&(!i||r.bottom>i.bottom)&&(i={date:t,bottom:r.bottom})}return o?o.date:i?i.date:t[0]?.getAttribute("data-message-date")??null}const Ue=({sendMessage:n,debug:a,config:o,messages:i,onReachingUp:r,agentsIdsAvatarsMap:s,searchPattern:l,searchMatchNo:c,onSearchMatchCount:d,onMessageReply:g,errorMessage:p,onContactMessage:u,onContactAddContact:h})=>{const m=t.useRef(null),C=t.useRef(0),[b,f]=t.useState(null),[y,v]=t.useState(!0),[w,M]=t.useState(null),A=p?.trim(),j=i.find((e=>"seperator"!==e.type)),k=j?.createdAt?He(j.createdAt):null;t.useEffect((()=>{const e=document.getElementById(x);if(!e)return;C.current=e.scrollHeight;const t=()=>{0===e.scrollTop&&r?.();const t=e.scrollHeight-e.scrollTop-e.clientHeight<=4;v(t);const n=Pe(e);M((e=>n!==e?n:e))};return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t)}}),[r]),t.useLayoutEffect((()=>{const e=m.current;if(!e)return;const t=C.current;if(e.scrollHeight-e.scrollTop<=e.clientHeight+200){const t=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,t),v(!0)}else{const n=e.scrollHeight-t;e.style.scrollBehavior="auto",e.scrollTop=e.scrollTop+n;const a=4,o=e.scrollHeight-e.scrollTop-e.clientHeight<=a;v(o)}C.current=e.scrollHeight;const n=Pe(e);M(n)}),[i,A]),t.useEffect((()=>{if(!l||!l.trim())return f(null),void d?.(0);const e=l.toLowerCase(),t=[];for(const n of i){const a=n&&n.content,o=n&&n.messageId;o&&a&&(String(a).toLowerCase().includes(e)&&t.push(o))}if(d?.(t.length),0===t.length)return void f(null);const n=t[Math.min(Math.max((c??1)-1,0),t.length-1)];f(n);const a=m.current,o=n?document.getElementById(n):null;a&&o&&(a.style.scrollBehavior="smooth",o.scrollIntoView())}),[l,c,i,d]);const L=w??k??null;return e.jsxs(Fe,{ref:m,id:x,config:o,children:[L&&e.jsx(Be,{children:e.jsx("span",{className:"sticky-date-pill-inner",children:L})}),i?.map(((t,r)=>"seperator"===t.type?e.jsx(Se,{data:t,config:o}):e.jsx("div",{"data-message-date":t.createdAt?He(t.createdAt):void 0,children:e.jsx(Ie,{message:t,index:r,sendMessage:n,messageActionsEnabled:i.length-1===r,debug:a,config:o,agentsIdsAvatarsMap:s,highlighted:b===t.messageId,searchPattern:l,onMessageReply:g,onContactMessage:u,onContactAddContact:h})},t.messageId?t.messageId:"message"+r))),A&&e.jsxs(e.Fragment,{children:[e.jsx(Se,{data:{type:"seperator"},config:o}),e.jsxs(ze,{role:"alert","aria-live":"assertive","data-testid":"chat-error-message",children:[e.jsx(Ne,{children:e.jsx(Ze,{})}),e.jsx(Te,{children:A})]})]}),!y&&e.jsx(De,{"aria-label":"Scroll to latest message",onClick:()=>{const e=m.current;if(!e)return;const t=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,t),v(!0)},children:e.jsx("svg",{width:"14",height:"8",viewBox:"0 0 14 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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)},Ve="text";async function Ge(e,t,n){const a=new s.BlobServiceClient("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 s.AnonymousCredential).getContainerClient("anonymous"),o=new Date,i=`${o.getFullYear()}-${String(o.getMonth()+1).padStart(2,"0")}`,l=a.getBlockBlobClient(`${i}/${r.v4()}`);try{await l.uploadBrowserData(e,{onProgress:n=>{const a=Math.round(n.loadedBytes/e.size*100);t(a)},blockSize:4194304,concurrency:20,blobHTTPHeaders:{blobContentType:e.type}});n(l.url.split("?")[0])}catch(e){n(void 0,"Error uploading file:"+e.message)}}const Je=d.default.span`
|
|
383
383
|
cursor: pointer;
|
|
384
384
|
width: 20px;
|
|
385
385
|
height: 20px;
|
|
@@ -389,7 +389,7 @@ i {
|
|
|
389
389
|
justify-content: center;
|
|
390
390
|
|
|
391
391
|
${e=>e.isRTL&&"\n svg {\n transform: scaleX(-1);\n }\n "}
|
|
392
|
-
`,
|
|
392
|
+
`,Ke=d.default.div`
|
|
393
393
|
display: flex;
|
|
394
394
|
align-items: center;
|
|
395
395
|
justify-content: space-between;
|
|
@@ -399,14 +399,14 @@ i {
|
|
|
399
399
|
font-weight: 500;
|
|
400
400
|
cursor: pointer;
|
|
401
401
|
direction: ${e=>e.isRTL?"rtl":"ltr"};
|
|
402
|
-
`,
|
|
402
|
+
`,We=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),Qe=()=>e.jsx("svg",{width:"16",height:"18",viewBox:"0 0 20 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),Ye=()=>e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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=d.default.div`
|
|
403
403
|
display: flex;
|
|
404
404
|
flex-direction: column;
|
|
405
405
|
gap: 8px;
|
|
406
406
|
width: 100%;
|
|
407
407
|
max-height: 200px;
|
|
408
408
|
overflow-y: auto;
|
|
409
|
-
`,
|
|
409
|
+
`,qe=({file:t,isFileSelected:n,cancelFileUpload:a,config:o})=>{const i=u.SupportedImageFormats.indexOf(t.extension)>=0,r=u.SupportedAudioFormats.indexOf(t.extension)>=0,s="AR"===o?.language;return e.jsxs("div",{className:"bc-uploadFileDetails "+(s?"bc-RTL":""),style:{border:n?"green dashed 1px":""},id:"uploadFileDetails",children:[e.jsx("div",{className:"bc-uploadedFile",style:{maxWidth:r?300:"auto",pointerEvents:r?"auto":"none"},children:i?e.jsx("img",{src:t.fileUrl,alt:"",className:"bc-imageFile"}):r?e.jsx("audio",{src:t.fileUrl,controls:!0,style:{height:28}}):e.jsx("img",{src:"data:image/png;base64,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",alt:"",className:"bc-documentFile"})}),e.jsx("div",{className:"bc-uploadFileName",children:e.jsx("span",{children:t.fileName})}),e.jsx("div",{className:"bc-uploadFileCancel",children:e.jsx("span",{onClick:()=>{try{t.blob&&t.fileUrl.startsWith("blob:")&&URL.revokeObjectURL(t.fileUrl)}catch{}a(t)},children:e.jsx(Qe,{})})})]})},Xe=d.default.div`
|
|
410
410
|
position: relative;
|
|
411
411
|
width: 100%;
|
|
412
412
|
direction: ${e=>e.isRTL?"rtl":"ltr"};
|
|
@@ -428,7 +428,7 @@ i {
|
|
|
428
428
|
white-space: pre-wrap;
|
|
429
429
|
word-wrap: break-word;
|
|
430
430
|
overflow: hidden;
|
|
431
|
-
z-index:
|
|
431
|
+
z-index: 100;
|
|
432
432
|
box-sizing: border-box;
|
|
433
433
|
width: calc(100% - 20px);
|
|
434
434
|
|
|
@@ -441,10 +441,10 @@ i {
|
|
|
441
441
|
direction: rtl;
|
|
442
442
|
}
|
|
443
443
|
}
|
|
444
|
-
|
|
444
|
+
`,$e=d.default.div`
|
|
445
445
|
position: relative;
|
|
446
446
|
width: 100%;
|
|
447
|
-
`,_e=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:e.jsx("path",{d:"M15 18l-6-6 6-6v4h8v4h-8v4zM5 6v12h2V6H5z",fill:"currentColor"})})
|
|
447
|
+
`,_e=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:e.jsx("path",{d:"M15 18l-6-6 6-6v4h8v4h-8v4zM5 6v12h2V6H5z",fill:"currentColor"})}),et=d.default.div`
|
|
448
448
|
display: flex;
|
|
449
449
|
align-items: center;
|
|
450
450
|
gap: 6px;
|
|
@@ -453,7 +453,7 @@ i {
|
|
|
453
453
|
max-width: 100%;
|
|
454
454
|
color: #b0b8c1;
|
|
455
455
|
pointer-events: none;
|
|
456
|
-
`,
|
|
456
|
+
`,tt=d.default.span`
|
|
457
457
|
font-family: var(--bc-chat-font-stack);
|
|
458
458
|
font-size: 11px;
|
|
459
459
|
font-weight: 400;
|
|
@@ -461,20 +461,20 @@ i {
|
|
|
461
461
|
color: #b0b8c1;
|
|
462
462
|
flex: 1;
|
|
463
463
|
min-width: 0;
|
|
464
|
-
`,
|
|
464
|
+
`,nt=d.default.span`
|
|
465
465
|
flex-shrink: 0;
|
|
466
466
|
display: flex;
|
|
467
467
|
align-items: center;
|
|
468
468
|
justify-content: center;
|
|
469
469
|
color: #c5cdd6;
|
|
470
|
-
`,
|
|
471
|
-
${
|
|
470
|
+
`,at=({text:n,setText:a,config:o,send:i,placeholder:r,autoCompleteEnabled:s,autoCompleteSuggestion:l,onInputChange:c,onAutoCompleteMutate:d})=>{const g=t.useRef(null),p="AR"===o?.language,u=t.useCallback((()=>{const e=g.current;if(!e)return;e.style.height="20px";const t=e.scrollHeight;t!==e.offsetHeight&&(e.style.height=t+"px")}),[]);t.useEffect((()=>{n||(u(),g.current?.focus())}),[u,n]),t.useEffect((()=>{s&&g.current&&g.current.focus()}),[s,l]);const h=Boolean(s&&l),m=q[o.language]?.autoCompleteAcceptHint??q.EN.autoCompleteAcceptHint;return e.jsxs(Xe,{isRTL:p,children:[e.jsxs($e,{children:[e.jsx("textarea",{ref:g,value:n,className:"bc-messageInputTextArea",id:"textInput",placeholder:r,maxLength:1024,dir:p?"rtl":"ltr",onKeyDown:e=>{if(s&&l&&("Tab"===e.key||"ArrowRight"===e.key&&!e.shiftKey)){e.preventDefault();const t=(n||"")+l;return a(t),u(),c?.(t),void d?.(null)}if("Enter"===e.key&&(e.shiftKey||e.ctrlKey||e.altKey)){e.preventDefault();const t=g.current?.selectionStart||0,o=n.slice(0,t)+"\n"+n.slice(t);return a(o),u(),void c?.(o)}"Enter"===e.key&&(e.preventDefault(),i(),u())},onChange:e=>{const t=e.target.value,o=n||"";if(a(t),u(),c?.(t),s&&l&&d){const e=o+l;if(t&&e.toLowerCase().startsWith(t.toLowerCase())){const n=e.slice(t.length);n.length>0?d(n):d(null)}else d(null)}},style:{color:h?"transparent":void 0}}),h&&e.jsxs("div",{className:"bc-autoCompleteOverlay",children:[n,e.jsx("span",{className:"bc-suggestion",children:l})]})]}),h&&e.jsxs(et,{children:[e.jsx(nt,{children:e.jsx(_e,{})}),e.jsx(tt,{children:m})]})]})},ot=({config:t,send:n,file:a,isFileSelected:o,text:i,setText:r,cancelFileUpload:s,noteMode:l,onCloseNoteMode:c,notePlaceholder:d,autoCompleteEnabled:g,autoCompleteSuggestion:p,onInputChange:u,onAutoCompleteMutate:h})=>{const m="AR"===t?.language,x=Array.isArray(a)?a:a?[a]:[],C=x.length>0;return e.jsxs("div",{className:"bc-messageInput "+(m?"bc-RTL":""),children:[l?e.jsx(Ke,{onClick:c,isRTL:m,children:e.jsx(Ye,{})}):null,C?e.jsx(Oe,{children:x.map(((n,a)=>e.jsx(qe,{file:n,isFileSelected:o,cancelFileUpload:s,config:t},`${n.fileName}-${a}-${n.fileUrl}`)))}):null,C?null:e.jsx(at,{text:i||"",setText:r,config:t,send:n,placeholder:l?d||q[t.language]?.notePlaceholder:t.inputPlaceholder||q[t.language]?.placeholder,autoCompleteEnabled:g,autoCompleteSuggestion:p,onInputChange:u,onAutoCompleteMutate:h}),e.jsx(Je,{onClick:()=>n(),isRTL:m,children:i||C?e.jsx(We,{}):null})]})},it=(e,t)=>`\n &:hover {\n background-image: ${e.replaceAll("%23a3a3a3",t.activeColor)};\n }\n background-image: ${t.isActive?e.replaceAll("%23a3a3a3",t.activeColor):e};\n`,rt="\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";d.default.button`
|
|
471
|
+
${rt}
|
|
472
472
|
height: 32px;
|
|
473
473
|
min-height: 32px;
|
|
474
474
|
max-height: 32px;
|
|
475
475
|
padding: 0 12px;
|
|
476
|
-
`;const
|
|
477
|
-
${
|
|
476
|
+
`;const st=d.default.label`
|
|
477
|
+
${rt}
|
|
478
478
|
width: 32px;
|
|
479
479
|
height: 32px;
|
|
480
480
|
min-width: 32px;
|
|
@@ -482,30 +482,53 @@ i {
|
|
|
482
482
|
min-height: 32px;
|
|
483
483
|
max-height: 32px;
|
|
484
484
|
padding: 0;
|
|
485
|
-
`,
|
|
486
|
-
${e=>
|
|
487
|
-
`,
|
|
488
|
-
|
|
489
|
-
|
|
485
|
+
`,lt=d.default.i`
|
|
486
|
+
${e=>it('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)}
|
|
487
|
+
`,ct=l.keyframes`
|
|
488
|
+
0%,
|
|
489
|
+
100% {
|
|
490
|
+
transform: scale(1);
|
|
491
|
+
opacity: 0.62;
|
|
492
|
+
}
|
|
493
|
+
50% {
|
|
494
|
+
transform: scale(1.2);
|
|
495
|
+
opacity: 0.4;
|
|
496
|
+
}
|
|
497
|
+
`,dt=d.default.span`
|
|
498
|
+
position: absolute;
|
|
499
|
+
left: 50%;
|
|
500
|
+
top: 50%;
|
|
501
|
+
width: 36px;
|
|
502
|
+
height: 36px;
|
|
503
|
+
margin: -18px 0 0 -18px;
|
|
504
|
+
border-radius: 50%;
|
|
505
|
+
background: #a8e6a3;
|
|
506
|
+
z-index: 3;
|
|
507
|
+
pointer-events: none;
|
|
508
|
+
transform-origin: center center;
|
|
509
|
+
animation: ${ct} 1.1s ease-in-out infinite;
|
|
510
|
+
`,gt=d.default.div`
|
|
511
|
+
${e=>e.$isRecording&&"\n &:before {\n display: none !important;\n }\n "}
|
|
512
|
+
`,pt=d.default.span`
|
|
490
513
|
display: inline-flex;
|
|
491
514
|
align-items: center;
|
|
492
515
|
justify-content: center;
|
|
493
|
-
|
|
516
|
+
|
|
494
517
|
${e=>e.isRTL&&"\n svg {\n transform: scaleX(-1);\n }\n "}
|
|
495
|
-
`,
|
|
518
|
+
`,ut=({isRTL:t})=>e.jsx(pt,{isRTL:t,children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})})}),ht=()=>e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),mt=128e3,xt=d.default.div`
|
|
496
519
|
display: flex;
|
|
497
520
|
align-items: center;
|
|
498
521
|
gap: 5px;
|
|
499
522
|
direction: ${e=>e.isRTL?"rtl":"ltr"};
|
|
500
|
-
|
|
501
|
-
${e=>
|
|
502
|
-
`,
|
|
523
|
+
`;const Ct=({setProgress:n,setError:a,setFile:o,onActiveChange:i,config:r})=>{const s="AR"===r?.language,[l,c]=t.useState(!1),d=t.useRef(null),g=t.useRef([]),p=t.useRef(null),u=t.useRef(null),h=t.useRef(!1),m=t.useCallback((()=>{p.current&&(p.current.getTracks().forEach((e=>e.stop())),p.current=null)}),[]);t.useEffect((()=>()=>{const e=d.current;if(e&&"inactive"!==e.state)try{e.stop()}catch{}m()}),[m]);const x=t.useCallback((async()=>{if(a(void 0),l){const e=d.current;if(e&&"inactive"!==e.state)try{e.stop()}catch(e){a(`Failed to stop recording: ${e?.message??"unknown error"}`)}return}if("undefined"==typeof MediaRecorder)return void a("Voice recording is not supported in this browser.");let e;try{e=await navigator.mediaDevices.getUserMedia({audio:{channelCount:1,echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0}})}catch(e){return a("NotAllowedError"===e?.name?"Microphone access denied. Please allow microphone access and try again.":"NotFoundError"===e?.name?"No microphone found. Please connect a microphone and try again.":`Microphone error: ${e?.message??"unknown error"}`),void(i&&i(!1))}p.current=e;const t=function(){if("undefined"==typeof MediaRecorder)return null;const e=[{mimeType:"audio/ogg;codecs=opus",extension:"ogg"},{mimeType:"audio/webm;codecs=opus",extension:"webm"},{mimeType:"audio/webm",extension:"webm"},{mimeType:"audio/mp4;codecs=mp4a.40.2",extension:"m4a"},{mimeType:"audio/mp4",extension:"m4a"}];for(const t of e)try{if(MediaRecorder.isTypeSupported(t.mimeType))return t}catch{}return{mimeType:"",extension:"webm"}}();let n;u.current=t;try{n=new MediaRecorder(e,t&&t.mimeType?{mimeType:t.mimeType,audioBitsPerSecond:mt}:{audioBitsPerSecond:mt})}catch(e){return m(),a(`Cannot start recording: ${e?.message??"unsupported format"}`),void(i&&i(!1))}g.current=[],h.current=!1,d.current=n,n.ondataavailable=e=>{e.data&&e.data.size>0&&g.current.push(e.data)},n.onerror=e=>{console.error("MediaRecorder error:",e),a(`Recording error: ${e?.error?.message??"unknown error"}`),m(),d.current=null,c(!1),i&&i(!1)},n.onstop=()=>{const e=h.current;if(h.current=!1,m(),d.current=null,c(!1),e)return g.current=[],void(i&&i(!1));const t=u.current,r=n.mimeType||t?.mimeType||"audio/webm",s=t?.extension??r.split("/")[1]?.split(";")[0]??"webm",l=new Blob(g.current,{type:r});if(g.current=[],!l||0===l.size)return a("Invalid audio recording. Please try again."),void(i&&i(!1));if(l.size<1e3)return a("Recording seems too short. Please try again."),void(i&&i(!1));const p=`recording-${(new Date).toISOString().replace(/[:.]/g,"-")}.${s}`,x=new File([l],p,{type:r}),C=URL.createObjectURL(x);o({fileUrl:C,fileName:p,extension:s,blob:x}),i&&i(!1)};try{n.start(),c(!0),i&&i(!0)}catch(e){m(),d.current=null,a(`Failed to start recording: ${e?.message??"unknown error"}`),i&&i(!1)}}),[l,a,o,i,m]),C=t.useCallback((()=>{h.current=!0;const e=d.current;if(e&&"inactive"!==e.state)try{e.stop()}catch{}else m(),d.current=null,c(!1);g.current=[],a(void 0),i&&i(!1)}),[a,i,m]);return e.jsxs(xt,{isRTL:s&&l,children:[l?e.jsx(st,{onClick:C,children:e.jsx(ht,{})}):null,e.jsx(st,{onClick:x,id:"voiceRecorderIcon",className:"mic-container",children:l?e.jsxs(e.Fragment,{children:[e.jsx(ut,{isRTL:s}),e.jsx(gt,{className:"circle "+(l?"active":""),$isRecording:l,children:e.jsx(dt,{"aria-hidden":!0})})]}):e.jsx(lt,{activeColor:"var(--bc-chat-text-secondary-dark)"})})]})};const bt=d.default.i`
|
|
524
|
+
${e=>it('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)}
|
|
525
|
+
`,ft=d.default.span`
|
|
503
526
|
margin: 8px;
|
|
504
527
|
cursor: pointer;
|
|
505
528
|
font-size: var(--bc-chat-fontSize-xl);
|
|
506
|
-
`,
|
|
507
|
-
${e=>
|
|
508
|
-
`,
|
|
529
|
+
`,yt=({onClick:t})=>e.jsx("div",{id:"emojiIcon",children:e.jsx(st,{children:e.jsx(bt,{onClick:t,activeColor:"var(--bc-chat-text-secondary-dark)"})})}),vt=({text:n,setText:a,onClick:o})=>{const i=function(e){const n=t.useRef(null);return t.useEffect((()=>{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}(o),r=t.useCallback((e=>{a(n+e)}),[a,n]),s=m.map(((t,n)=>e.jsx(ft,{className:"emoji",onClick:e=>r(e.target.innerText),children:t},"emoji"+n)));return e.jsx("div",{ref:i,children:e.jsx("div",{className:"bc-emojiPicker",id:"emojiPicker",children:s})})},wt=d.default.i`
|
|
530
|
+
${e=>it('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)}
|
|
531
|
+
`,Mt=({setProgress:n,setFile:a,setError:o})=>{const i=t.useCallback((e=>{o(void 0);const t=Array.from(e.target.files);if(e.target.value="",t.length<1)return;const i=[];for(const e of t){const{name:t,size:n}=e,a=t.substring(t.lastIndexOf(".")+1).toLowerCase();if(u.SupportedFormats.indexOf(a)<0){o(`File "${t}" type is not valid.`);continue}if(n>u.MaxFileSize){o(`File "${t}" exceeds maximum limit of 20 MBs.`);continue}const r={fileUrl:URL.createObjectURL(e),fileName:t,extension:a,blob:e};i.push({file:e,bcFile:r})}if(0===i.length)return;a((e=>[...e,...i.map((({bcFile:e})=>e))]));let r=0;const s=[];i.forEach((({file:e,bcFile:t})=>{Ge(e,n,((e,l)=>{if(r++,e){try{URL.revokeObjectURL(t.fileUrl)}catch{}const n={...t,fileUrl:e,blob:void 0};s.push(n),a((e=>e.map((e=>e.fileName===t.fileName&&e.fileUrl===t.fileUrl?n:e))))}else l&&(a((e=>{const n=e.filter((e=>!(e.fileName===t.fileName&&e.fileUrl===t.fileUrl)));try{URL.revokeObjectURL(t.fileUrl)}catch{}return n})),o(`Failed to upload "${t.fileName}": ${l}`));r===i.length&&n(0)}))}))}),[n,a,o]),r=t.useCallback((()=>{o(void 0)}),[o]);return e.jsxs("div",{id:"attachIcon",children:[e.jsx(st,{htmlFor:"fileInput",onClick:r,children:e.jsx(wt,{activeColor:"var(--bc-chat-text-secondary-dark)"})}),e.jsx("input",{type:"file",className:"bc-fileUpload",id:"fileInput",multiple:!0,onChange:i,onClick:r})]})},At=d.default.div`
|
|
509
532
|
padding: 0px 0px 0px 10px;
|
|
510
533
|
margin: 0px;
|
|
511
534
|
width: fit-content;
|
|
@@ -524,7 +547,7 @@ i {
|
|
|
524
547
|
cursor: pointer;
|
|
525
548
|
display: block;
|
|
526
549
|
}
|
|
527
|
-
`,
|
|
550
|
+
`,jt=({setView:n,setFile:a,setProgress:o,setError:i,text:r,setText:s,send:l,config:c})=>{const[d,g]=t.useState(!1),[p,u]=t.useState(!1),h="AR"===c?.language;return e.jsxs("div",{className:"bc-inputActions",id:"bc-inputActions",children:[e.jsxs(At,{id:"iconsContainer",isRTL:h,children:[p?null:e.jsxs(e.Fragment,{children:[e.jsx(Mt,{setFile:a,setProgress:o,setError:i}),e.jsx(yt,{onClick:()=>g(!0)})]}),e.jsx(Ct,{setFile:a,setError:i,setProgress:o,onActiveChange:e=>{u(e),e&&g(!1)},config:c})]}),d?e.jsx(vt,{text:r,setText:s,onClick:()=>g(!1)}):null]})};ke('.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 kt=d.default.div`
|
|
528
551
|
display: flex;
|
|
529
552
|
padding: 8px 16px 16px 16px;
|
|
530
553
|
flex-direction: column;
|
|
@@ -548,7 +571,7 @@ i {
|
|
|
548
571
|
margin-top: 6px;
|
|
549
572
|
text-align: center;
|
|
550
573
|
}
|
|
551
|
-
`,
|
|
574
|
+
`,Lt=d.default.div`
|
|
552
575
|
width: 100%;
|
|
553
576
|
padding: 8px 12px;
|
|
554
577
|
display: flex;
|
|
@@ -558,14 +581,14 @@ i {
|
|
|
558
581
|
gap: 4px;
|
|
559
582
|
flex: 1 0 0;
|
|
560
583
|
border-bottom: 1px solid var(--bc-border-neutral-secondary, #E5E7EB);
|
|
561
|
-
`,
|
|
584
|
+
`,Et=d.default.div`
|
|
562
585
|
display: flex;
|
|
563
586
|
align-items: center;
|
|
564
587
|
justify-content: space-between;
|
|
565
588
|
gap: 8px;
|
|
566
589
|
direction: ${({isRTL:e})=>e?"rtl":"ltr"};
|
|
567
590
|
|
|
568
|
-
`,
|
|
591
|
+
`,It=d.default.span`
|
|
569
592
|
font-weight: 500;
|
|
570
593
|
font-size: var(--bc-chat-fontSize-sm);
|
|
571
594
|
line-height: var(--bc-chat-lineHeight-sm);
|
|
@@ -573,14 +596,14 @@ i {
|
|
|
573
596
|
text-overflow: ellipsis;
|
|
574
597
|
white-space: nowrap;
|
|
575
598
|
color: var(--bc-text-primary, #16616C);
|
|
576
|
-
`,
|
|
599
|
+
`,Rt=d.default.span`
|
|
577
600
|
color: #4b5563;
|
|
578
601
|
font-size: var(--bc-chat-fontSize-xs);
|
|
579
602
|
line-height: var(--bc-chat-lineHeight-xs);
|
|
580
603
|
overflow: hidden;
|
|
581
604
|
text-overflow: ellipsis;
|
|
582
605
|
white-space: nowrap;
|
|
583
|
-
`,
|
|
606
|
+
`,St=d.default.button`
|
|
584
607
|
border: none;
|
|
585
608
|
background: transparent;
|
|
586
609
|
display: inline-flex;
|
|
@@ -599,26 +622,26 @@ i {
|
|
|
599
622
|
color: #111827;
|
|
600
623
|
outline: none;
|
|
601
624
|
}
|
|
602
|
-
`,
|
|
603
|
-
${e=>e.bannerWidth>
|
|
625
|
+
`,Ft=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),Bt=({config:n,sendMessage:a,setView:o,actionChips:i,noteMode:r,onNoteSend:s,onCloseNoteMode:l,notePlaceholder:c,replyMessageTitle:d,replyMessageContent:g,onCancelReplyMessage:p,autoCompleteEnabled:h,autoCompleteSuggestion:m,onInputChange:x,onAutoCompleteMutate:C})=>{const b="AR"===n?.language,[f,y]=t.useState(),[v,w]=t.useState([]),[M,A]=t.useState(),[j,k]=t.useState(0),L=t.useMemo((()=>Boolean(d||g)),[d,g]),E=t.useMemo((()=>d||("AR"===n?.language?"ุงูุฑุฏ ุนูู ุฑุณุงูุฉ":"TR"===n?.language?"Bir mesaja yanฤฑt veriliyor":"Replying to message")),[n?.language,d]),I=t.useMemo((()=>"AR"===n?.language?"ุฅูุบุงุก":"TR"===n?.language?"ฤฐptal":"Cancel"),[n?.language]);t.useEffect((()=>{M&&f&&f.trim().length>0&&A(void 0)}),[M,f]),t.useEffect((()=>{const e=Array.isArray(v)?v:v?[v]:[];M&&e.length>0&&A(void 0)}),[v,M]);const R=t.useCallback((e=>{if(r){const e=(f||"").trim();return s&&s(e),void y("")}const t=e=>{const{fileUrl:t,extension:n}=e;a(u.SupportedImageFormats.indexOf(n)>=0?"image":u.SupportedAudioFormats.indexOf(n)>=0?"audio":"document",t)};if(e)return void(e.blob&&e.fileUrl.startsWith("blob:")?Ge(e.blob,k,((n,a)=>{if(n){try{URL.revokeObjectURL(e.fileUrl)}catch{}t({...e,fileUrl:n,blob:void 0})}else a&&A(a)})):t(e));const n=Array.isArray(v)?v:v?[v]:[];if(n.length>0){const e=n.filter((e=>e.blob&&e.fileUrl.startsWith("blob:"))),a=n.filter((e=>!e.blob||!e.fileUrl.startsWith("blob:")));let o=a.length+e.length,i=0;a.forEach((e=>{t(e),i++})),e.length>0?e.forEach((e=>{Ge(e.blob,k,((n,a)=>{if(i++,n){try{URL.revokeObjectURL(e.fileUrl)}catch{}t({...e,fileUrl:n,blob:void 0})}else a&&A(`Failed to upload "${e.fileName}": ${a}`);i===o&&(w([]),k(0))}))})):w([])}else a(Ve,f),y("")}),[v,f,a,r,s,w,A,k]);return e.jsxs(kt,{isRTL:b,children:[L?e.jsxs(Lt,{isRTL:b,children:[e.jsxs(Et,{isRTL:b,children:[E?e.jsx(It,{children:E}):null,p?e.jsx(St,{type:"button",onClick:p,"aria-label":I,title:I,children:e.jsx(Ft,{})}):null]}),g?e.jsx(Rt,{children:g}):null]}):null,e.jsx("div",{className:"bc-InputArea",children:e.jsx(ot,{config:n,send:R,text:f,setText:y,file:r?void 0:v,isFileSelected:Array.isArray(v)?v.length>0:!!v,cancelFileUpload:e=>{w(e?t=>{const n=(Array.isArray(t)?t:t?[t]:[]).filter((t=>!(t.fileName===e.fileName&&t.fileUrl===e.fileUrl)));if(e.blob&&e.fileUrl.startsWith("blob:"))try{URL.revokeObjectURL(e.fileUrl)}catch{}return n}:e=>((Array.isArray(e)?e:e?[e]:[]).forEach((e=>{if(e.blob&&e.fileUrl.startsWith("blob:"))try{URL.revokeObjectURL(e.fileUrl)}catch{}})),[]))},noteMode:r,onCloseNoteMode:()=>{y(""),l?.()},notePlaceholder:c,autoCompleteEnabled:h,autoCompleteSuggestion:m,onInputChange:x,onAutoCompleteMutate:C})}),e.jsxs("div",{className:"bc-BottomBar "+(b?"bc-RTL":""),children:[void 0!==i?i:null,e.jsx("div",{className:"bc-CommandsArea "+(b?"bc-RTL":""),children:r?null:e.jsx(jt,{setView:o,setFile:w,setProgress:k,setError:A,setText:y,text:f,send:R,config:n})})]}),M?e.jsx("div",{className:"bc-uploadFileError",children:M}):null]})},Dt="bc-chat-header-banner",zt=390,Nt=d.default.div`
|
|
626
|
+
${e=>e.bannerWidth>zt?"height: 60px;":"height: 90px;"}
|
|
604
627
|
display: block;
|
|
605
628
|
width: 100%;
|
|
606
629
|
background-color: transparent;
|
|
607
630
|
z-index: 10;
|
|
608
631
|
border-top-left-radius: 15px;
|
|
609
632
|
border-top-right-radius: 15px;
|
|
610
|
-
`,
|
|
633
|
+
`,Tt=d.default.div`
|
|
611
634
|
width: 100%;
|
|
612
635
|
display: flex;
|
|
613
636
|
align-items: center;
|
|
614
637
|
background-image: ${e=>`linear-gradient(103deg, ${e.startColor},${e.endColor})`};
|
|
615
|
-
${e=>e.bannerWidth<=
|
|
616
|
-
`,
|
|
638
|
+
${e=>e.bannerWidth<=zt?'\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;"}
|
|
639
|
+
`,Zt=d.default.div`
|
|
617
640
|
width: 100%;
|
|
618
641
|
height: 100%;
|
|
619
642
|
display: flex;
|
|
620
|
-
`,
|
|
621
|
-
${e=>e.bannerWidth>
|
|
643
|
+
`,Ht=d.default.div`
|
|
644
|
+
${e=>e.bannerWidth>zt?"padding-bottom: 0 !important;":""}
|
|
622
645
|
display: flex;
|
|
623
646
|
gap: 10px;
|
|
624
647
|
align-items: center;
|
|
@@ -639,8 +662,8 @@ i {
|
|
|
639
662
|
color: #fff;
|
|
640
663
|
font-style: normal;
|
|
641
664
|
}
|
|
642
|
-
`,
|
|
643
|
-
${e=>e.bannerWidth>
|
|
665
|
+
`,Pt=d.default.div`
|
|
666
|
+
${e=>e.bannerWidth>zt?"padding-bottom: 0 !important;":""}
|
|
644
667
|
display: flex;
|
|
645
668
|
flex-direction: row-reverse;
|
|
646
669
|
gap: 10px;
|
|
@@ -655,9 +678,9 @@ i {
|
|
|
655
678
|
cursor: pointer;
|
|
656
679
|
display: block;
|
|
657
680
|
}
|
|
658
|
-
`,
|
|
681
|
+
`,Ut=d.default.i`
|
|
659
682
|
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");
|
|
660
|
-
`,
|
|
683
|
+
`,Vt=({config:n,minimize:a})=>{const[o,i]=t.useState();return t.useEffect((()=>{new ResizeObserver((()=>{const e=document.getElementById(Dt)?.offsetWidth;e&&e>50&&e!==o&&i(e)})).observe(document.getElementById(Dt))}),[]),e.jsx(Nt,{bannerWidth:o,className:"bc-header",children:e.jsx(Tt,{className:"bc-banner",id:Dt,startColor:"#065A60",endColor:"#006466",bannerWidth:o,children:e.jsxs(Zt,{className:"bc-bannerContents",children:[e.jsxs(Ht,{className:"bc-companyInfo",bannerWidth:o,logo:n.brandLogo||h,children:[e.jsx("i",{}),e.jsx("span",{children:n.brandName||"BreadCrumbs"})]}),e.jsx(Pt,{className:"bc-bannerActions",bannerWidth:o,children:a?e.jsx(Ut,{className:"bc-flow-minimize",onClick:()=>a()}):null})]})})})};ke('@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-separator-color: #D2D6DB;\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 Gt=d.default.div`
|
|
661
684
|
position: relative;
|
|
662
685
|
height: 100%;
|
|
663
686
|
display: flex;
|
|
@@ -676,5 +699,5 @@ i {
|
|
|
676
699
|
font-style: normal;
|
|
677
700
|
line-height: var(--bc-chat-lineHeight-xs);
|
|
678
701
|
color: var(--bc-chat-text-secondary-dark);
|
|
679
|
-
`;exports.BCChat=({config:n={language:"EN",backgroundColor:"#F3F4F6"},messages:a=[],sendMessage:o,debug:i,minimize:r,onReachingUp:s,agentsIdsAvatarsMap:l,actionChips:c,noteMode:d,onNoteSend:g,onCloseNoteMode:p,searchPattern:u,notePlaceholder:h,searchMatchNo:m=1,onSearchMatchCount:
|
|
702
|
+
`;exports.BCChat=({config:n={language:"EN",backgroundColor:"#F3F4F6"},messages:a=[],sendMessage:o,debug:i,minimize:r,onReachingUp:s,agentsIdsAvatarsMap:l,actionChips:c,noteMode:d,onNoteSend:g,onCloseNoteMode:p,searchPattern:u,notePlaceholder:h,searchMatchNo:m=1,onSearchMatchCount:x,onMessageReply:C,replyMessageTitle:b,replyMessageContent:f,onCancelReplyMessage:y,errorMessage:v,autoCompleteEnabled:w,autoCompleteSuggestion:M,onInputChange:A,onAutoCompleteMutate:j,onContactMessage:k,onContactAddContact:L})=>{const[E,I]=t.useState("MESSAGE_LIST");return e.jsxs(Gt,{className:"bc-chat",children:[n.hideHeader?null:e.jsx(Vt,{config:n,minimize:r}),"MESSAGE_LIST"===E?e.jsx(Ue,{messages:a,sendMessage:o,debug:i,config:n,onReachingUp:s,agentsIdsAvatarsMap:l,searchPattern:u,searchMatchNo:m,onSearchMatchCount:x,onMessageReply:C,errorMessage:v,onContactMessage:k,onContactAddContact:L},"message-list"):null,n.inputDisabled?null:e.jsx(Bt,{sendMessage:o,setView:I,config:n,actionChips:c,noteMode:d,onCloseNoteMode:p,onNoteSend:g,notePlaceholder:h,replyMessageTitle:b,replyMessageContent:f,onCancelReplyMessage:y,autoCompleteEnabled:w,autoCompleteSuggestion:M,onInputChange:A,onAutoCompleteMutate:j},"message-input")]})};
|
|
680
703
|
//# sourceMappingURL=index.js.map
|