@bcrumbs.net/bc-chat 1.0.3 → 1.0.5

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 CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { Message } from '@bcrumbs.net/bc-lib';
2
+ import { MessageDto } from 'graphql.autogenerated';
3
3
 
4
4
  declare const MessageType: {
5
5
  readonly AUDIO: "audio";
@@ -25,7 +25,7 @@ type ChatConfig = {
25
25
  language?: Lang;
26
26
  hideHeader?: boolean;
27
27
  };
28
- type ChatMessage = Partial<Message>;
28
+ type ChatMessage = Partial<MessageDto>;
29
29
 
30
30
  interface ChatProps {
31
31
  config?: ChatConfig;
package/build/index.es.js CHANGED
@@ -1,4 +1,51 @@
1
- import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEffect as i,useRef as o,useCallback as s,useState as c}from"react";import r from"@emotion/styled";import l from"react-markdown";const d={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"]},g="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==";function p(e){return e.isAgent?"var(--bc-chat-agent-message-text-color)":"var(--bc-chat-client-message-text-color)"}const b={document:null,image:null,location:null,text:({message:n})=>{return e("div",{className:"bc-textMessage",style:{backgroundImage:(a=n,a.isAgent?"linear-gradient(104deg,var(--bc-chat-agent-message-background-start-color),var(--bc-chat-agent-message-background-end-color))":"linear-gradient(104deg,var(--bc-chat-client-message-background-start-color),var(--bc-chat-client-message-background-end-color))"),color:p(n)},children:(n.content.indexOf("\n")>-1?n.content.split("\n"):[n.content]).map((n=>e(l,{children:n})))});var a},video:null,audio:null,interactive:null,template:null},m=r.div`
1
+ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import i,{useEffect as t,useRef as o,useCallback as r,useState as s}from"react";import c from"@emotion/styled";import l from"react-markdown";const d={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"]},g="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==";function p(e){return e.isAgent?"linear-gradient(104deg,var(--bc-chat-agent-message-background-start-color),var(--bc-chat-agent-message-background-end-color))":"linear-gradient(104deg,var(--bc-chat-client-message-background-start-color),var(--bc-chat-client-message-background-end-color))"}function b(e){return e.isAgent?"var(--bc-chat-agent-message-text-color)":"var(--bc-chat-client-message-text-color)"}const h=({message:n})=>e("div",{className:"bc-mediaMessage"+("audio"===n.type?" audio":""),style:{padding:0},children:e("video",{src:n.content,controls:!0})}),m=c.div`
2
+ background-image: ${e=>p(e)};
3
+ :hover {
4
+ -webkit-filter: brightness(80%);
5
+ -moz-filter: brightness(80%);
6
+ -o-filter: brightness(80%);
7
+ -ms-filter: brightness(80%);
8
+ filter: brightness(80%);
9
+ }
10
+ `;const x=c.i`
11
+ 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%22M8.51194%203.00541C9.18829%202.54594%2010.0435%202.53694%2010.6788%202.95419C10.8231%203.04893%2010.9771%203.1993%2011.389%203.61119C11.8009%204.02307%2011.9513%204.17714%2012.046%204.32141C12.4633%204.95675%2012.4543%205.81192%2011.9948%206.48827C11.8899%206.64264%2011.7276%206.80811%2011.3006%207.23511L10.6819%207.85383C10.4867%208.04909%2010.4867%208.36567%2010.6819%208.56093C10.8772%208.7562%2011.1938%208.7562%2011.389%208.56093L12.0077%207.94221L12.0507%207.89929C12.4203%207.52976%2012.6568%207.2933%2012.822%207.0502C13.4972%206.05623%2013.5321%204.76252%2012.8819%203.77248C12.7233%203.53102%2012.4922%203.30001%2012.1408%202.94871L12.0961%202.90408L12.0515%202.85942C11.7002%202.508%2011.4692%202.27689%2011.2277%202.11832C10.2377%201.46813%208.94398%201.50299%207.95001%202.17822C7.70691%202.34336%207.47044%202.57991%207.1009%202.94955L7.058%202.99247L6.43928%203.61119C6.24401%203.80645%206.24401%204.12303%206.43928%204.31829C6.63454%204.51355%206.95112%204.51355%207.14638%204.31829L7.7651%203.69957C8.1921%203.27257%208.35757%203.11027%208.51194%203.00541ZM4.31796%207.14672C4.51322%206.95146%204.51322%206.63487%204.31796%206.43961C4.12269%206.24435%203.80611%206.24435%203.61085%206.43961L2.99213%207.05833L2.94922%207.10124C2.57957%207.47077%202.34303%207.70724%202.17788%207.95035C1.50265%208.94432%201.4678%2010.238%202.11799%2011.2281C2.27656%2011.4695%202.50766%2011.7005%202.8591%2012.0518L2.90374%2012.0965L2.94837%2012.1411C3.29967%2012.4925%203.53068%2012.7237%203.77214%2012.8822C4.76219%2013.5324%206.05589%2013.4976%207.04986%2012.8223C7.29296%2012.6572%207.52943%2012.4206%207.89896%2012.051L7.89897%2012.051L7.94188%2012.0081L8.5606%2011.3894C8.75586%2011.1941%208.75586%2010.8775%208.5606%2010.6823C8.36533%2010.487%208.04875%2010.487%207.85349%2010.6823L7.23477%2011.301C6.80777%2011.728%206.6423%2011.8903%206.48794%2011.9951C5.81158%2012.4546%204.95642%2012.4636%204.32107%2012.0464C4.17681%2011.9516%204.02274%2011.8012%203.61085%2011.3894C3.19896%2010.9775%203.0486%2010.8234%202.95385%2010.6791C2.53661%2010.0438%202.54561%209.18863%203.00507%208.51227C3.10993%208.35791%203.27224%208.19244%203.69924%207.76544L4.31796%207.14672ZM9.62172%206.08558C9.81698%205.89032%209.81698%205.57373%209.62172%205.37847C9.42646%205.18321%209.10988%205.18321%208.91461%205.37847L5.37908%208.91401C5.18382%209.10927%205.18382%209.42585%205.37908%209.62111C5.57434%209.81637%205.89092%209.81637%206.08619%209.62111L9.62172%206.08558Z%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")`};
12
+ width: 24px;
13
+ background-position: center;
14
+ background-size: contain;
15
+ background-repeat: no-repeat;
16
+ `,f=c.a`
17
+ display: flex;
18
+ flex-direction: row;
19
+ align-item: center;
20
+ text-decoration: auto;
21
+ gap: 5px;
22
+ color: ${e=>`${b(e)}`};
23
+ `,C=c.a`
24
+ background-image: ${e=>p(e)};
25
+ color: ${e=>b(e)};
26
+
27
+ :hover {
28
+ -webkit-filter: brightness(80%);
29
+ -moz-filter: brightness(80%);
30
+ -o-filter: brightness(80%);
31
+ -ms-filter: brightness(80%);
32
+ filter: brightness(80%);
33
+ }
34
+ `,u=c.div`
35
+ display: flex;
36
+ flex-direction: row;
37
+ align-items: center;
38
+ gap: 5px;
39
+ `,A=c.span`
40
+ color: ${e=>e.color};
41
+ `;const w=c.i`
42
+ 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")`};
43
+ background-position: center;
44
+ background-size: contain;
45
+ background-repeat: no-repeat;
46
+ width: 15px;
47
+ height: 15px;
48
+ `,I={document:({message:a})=>{let i=a.content.split("/"),t=i[i.length-1];return e(m,{className:"mwc-fileMessage",...a,children:n(f,{href:a.content,target:"_blank",download:t,rel:"noopener noreferrer",...a,children:[e(x,{color:(o=a,o.isAgent?"000000":"ffffff")}),e("span",{children:t})]})});var o},image:({message:n})=>e("div",{className:"bc-mediaMessage",style:{padding:0},children:e("a",{href:n.content,target:"_blank",rel:"noreferrer",children:e("img",{src:n.content,alt:"message content"})})}),location:({message:a})=>{return e(C,{href:"https://www.google.com/maps/?q="+a.content,target:"_blank",rel:"noopener noreferrer",className:"bc-locationMessage",isAgent:a.isAgent,children:n(u,{children:[e(w,{color:(i=a,i.isAgent?"000000":"ffffff")}),e(A,{color:b(a),children:"Open location"})]})});var i},text:({message:n})=>e("div",{className:"bc-textMessage",style:{backgroundImage:p(n),color:b(n)},children:(n.content.indexOf("\n")>-1?n.content.split("\n"):[n.content]).map((n=>e(l,{children:n})))}),video:h,audio:h,interactive:null,template:null},v=c.div`
2
49
  display: flex;
3
50
  flex-direction: column;
4
51
  gap: 5px;
@@ -7,7 +54,7 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
7
54
  margin: ${e=>e.isAgent?"0 40px 0 20px":"0 20px 0 40px"};
8
55
  text-align: ${e=>e.isAgent?"left":"right"};
9
56
  }
10
- `;function h({message:a}){const{debug:t,conversationId:i,traceId:o,spanId:s,isAgent:c}=a;return t?e(m,{isAgent:c,className:"bc-debugCon",children:n("div",{children:[n("div",{className:"bc-response-debug",children:["Trace id: ",e("span",{children:o})]}),n("div",{className:"bc-response-debug",children:["Span id: ",e("span",{children:s})]}),n("div",{className:"bc-response-debug",children:["Conversation id: ",e("span",{children:i})]})]})}):null}function x(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}x('.bc-agentMessage,\n.bc-clientMessage {\n margin: 10px 15px;\n font-size: var(--bc-chat-fontSize-sm); }\n .bc-agentMessage div p,\n .bc-clientMessage div p {\n padding: 0;\n margin: 0; }\n\n.bc-agentMessage > div:not(.bc-debugCon),\n.bc-clientMessage > div:not(.bc-debugCon) {\n display: inline-block;\n padding: 10px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent; }\n\n.bc-agentMessage .bc-fileMessage,\n.bc-clientMessage .bc-fileMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-clientMessage .bc-fileMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 15px;\n height: 16px; }\n\n.bc-agentMessage .bc-locationMessage,\n.bc-clientMessage .bc-locationMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-locationMessage img,\n .bc-clientMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n\n.bc-agentMessage {\n text-align: left;\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n gap: 5px; }\n .bc-agentMessage > div:not(.bc-debugCon),\n .bc-agentMessage .bc-fileMessage,\n .bc-agentMessage audio {\n background-color: #fff;\n border-bottom-left-radius: 0; }\n .bc-agentMessage .bc-fileMessage,\n .bc-agentMessage .bc-locationMessage {\n color: var(--bc-chat-dark-gray-color);\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-agentMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n .bc-agentMessage .mytheme-mejs-container.mejs-container,\n .bc-agentMessage .mytheme-mejs-container .mejs-controls,\n .bc-agentMessage .mytheme-mejs-container .mejs-embed,\n .bc-agentMessage .mytheme-mejs-container .mejs-embed body {\n background-color: #fff; }\n .bc-agentMessage .mejs__time-total {\n background-color: #ddd;\n opacity: 1; }\n .bc-agentMessage .mejs__horizontal-volume-current {\n background-color: #065A60;\n opacity: 0.3; }\n .bc-agentMessage .mejs__horizontal-volume-total {\n background-color: #ddd; }\n .bc-agentMessage .mejs__controls:not([style*="display: none"]) {\n background: #fff; }\n .bc-agentMessage .mejs__time-hovered.negative,\n .bc-agentMessage .mejs__time-buffering,\n .bc-agentMessage .mejs__time-current,\n .bc-agentMessage .mejs__time-hovered,\n .bc-agentMessage .mejs__time-loaded {\n background-color: #065a60; }\n .bc-agentMessage .mejs__time-loaded {\n opacity: 0.3; }\n .bc-agentMessage .mejs__time-current {\n opacity: 0.9; }\n\n.bc-agentMessage:first-child {\n flex: 1 0 50%; }\n\n.bc-agentMessage > :nth-child(2) {\n flex: 0 1 auto;\n max-width: 85%; }\n\n.bc-clientMessage {\n padding-left: 20px;\n text-align: right; }\n .bc-clientMessage > div:not(.bc-debugCon),\n .bc-clientMessage .bc-fileMessage,\n .bc-clientMessage .bc-locationMessage,\n .bc-clientMessage audio {\n color: #fff;\n border-bottom-right-radius: 0; }\n .bc-clientMessage svg path:nth-child(2) {\n fill: #fff; }\n .bc-clientMessage .mejs__controls:not([style*="display: none"]) {\n background: #065a60; }\n .bc-clientMessage .mytheme-mejs-container.mejs-container,\n .bc-clientMessage .mytheme-mejs-container .mejs-controls,\n .bc-clientMessage .mytheme-mejs-container .mejs-embed,\n .bc-clientMessage .mytheme-mejs-container .mejs-embed body {\n background-color: #065a60; }\n\naudio {\n width: 100%;\n border-radius: 30px; }\n\n.mejs__horizontal-volume-slider {\n display: none; }\n\n.mejs__volume-button {\n display: none; }\n\n.mejs__volume-button {\n display: none; }\n\n.mejs__audio {\n width: 285px !important; }\n\n.bc-mediaMessage video,\n.bc-mediaMessage img {\n width: 210px;\n margin-bottom: -5px; }\n\n.bc-response-debug {\n background-color: transparent;\n color: #f5a623;\n padding: 0; }\n .bc-response-debug span {\n text-decoration: underline; }\n\n.bc-selectionContainer {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap; }\n\n.bc-selectionContainer:first-child {\n flex: 1 0 50%; }\n\n.bc-debug-panel {\n border-radius: 10px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);\n border: solid 1px #ffffff;\n background-color: #ffffff;\n color: var(--bc-chat-dark-gray-color);\n display: table;\n width: calc(100% - 40px);\n margin: 10px -40px 10px 0;\n text-align: left;\n padding: 10px;\n max-width: 310px; }\n\n.bc-exception-debug {\n color: #f5a623;\n position: relative; }\n .bc-exception-debug .bc-exception-icon {\n width: 30px;\n position: absolute;\n top: 3px;\n left: 10px; }\n .bc-exception-debug span {\n margin-left: 40px; }\n\n.bc-parameters-debug span {\n text-decoration: underline; }\n\n.bc-parameters-debug .bc-parameters-title {\n width: 100%;\n border-bottom: solid 1px #f3f3f3;\n text-align: left;\n font-weight: bold;\n margin-bottom: 6px; }\n\n.bc-debugCon {\n width: 100%; }\n');const u=r.i`
57
+ `;function M({message:a}){const{debug:i,conversationId:t,traceId:o,spanId:r,isAgent:s}=a;return i?e(v,{isAgent:s,className:"bc-debugCon",children:n("div",{children:[n("div",{className:"bc-response-debug",children:["Trace id: ",e("span",{children:o})]}),n("div",{className:"bc-response-debug",children:["Span id: ",e("span",{children:r})]}),n("div",{className:"bc-response-debug",children:["Conversation id: ",e("span",{children:t})]})]})}):null}function k(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===a&&i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}k(".bc-agentMessage,\n.bc-clientMessage {\n margin: 10px 15px;\n font-size: var(--bc-chat-fontSize-sm); }\n .bc-agentMessage div p,\n .bc-clientMessage div p {\n padding: 0;\n margin: 0; }\n\n.bc-agentMessage > div:not(.bc-debugCon),\n.bc-clientMessage > div:not(.bc-debugCon) {\n display: inline-block;\n padding: 10px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent; }\n\n.bc-agentMessage .bc-fileMessage,\n.bc-clientMessage .bc-fileMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-clientMessage .bc-fileMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 15px;\n height: 16px; }\n\n.bc-agentMessage .bc-locationMessage,\n.bc-clientMessage .bc-locationMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-locationMessage img,\n .bc-clientMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n\n.bc-agentMessage {\n text-align: left;\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n gap: 5px; }\n .bc-agentMessage .bc-fileMessage,\n .bc-agentMessage .bc-locationMessage {\n color: var(--bc-chat-dark-gray-color);\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-agentMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n\n.bc-agentMessage:first-child {\n flex: 1 0 50%; }\n\n.bc-agentMessage > :nth-child(2) {\n flex: 0 1 auto;\n max-width: 85%; }\n\n.bc-clientMessage {\n padding-left: 20px;\n text-align: right; }\n .bc-clientMessage > div:not(.bc-debugCon),\n .bc-clientMessage .bc-fileMessage,\n .bc-clientMessage .bc-locationMessage,\n .bc-clientMessage audio {\n color: #fff;\n border-bottom-right-radius: 0; }\n .bc-clientMessage svg path:nth-child(2) {\n fill: #fff; }\n\n.bc-mediaMessage video,\n.bc-mediaMessage img {\n width: 300px;\n margin-bottom: -5px; }\n\n.bc-mediaMessage.audio video {\n height: 40px; }\n\n.bc-response-debug {\n background-color: transparent;\n color: #f5a623;\n padding: 0; }\n .bc-response-debug span {\n text-decoration: underline; }\n\n.bc-selectionContainer {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap; }\n\n.bc-selectionContainer:first-child {\n flex: 1 0 50%; }\n\n.bc-debug-panel {\n border-radius: 10px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);\n border: solid 1px #ffffff;\n background-color: #ffffff;\n color: var(--bc-chat-dark-gray-color);\n display: table;\n width: calc(100% - 40px);\n margin: 10px -40px 10px 0;\n text-align: left;\n padding: 10px;\n max-width: 310px; }\n\n.bc-exception-debug {\n color: #f5a623;\n position: relative; }\n .bc-exception-debug .bc-exception-icon {\n width: 30px;\n position: absolute;\n top: 3px;\n left: 10px; }\n .bc-exception-debug span {\n margin-left: 40px; }\n\n.bc-parameters-debug span {\n text-decoration: underline; }\n\n.bc-parameters-debug .bc-parameters-title {\n width: 100%;\n border-bottom: solid 1px #f3f3f3;\n text-align: left;\n font-weight: bold;\n margin-bottom: 6px; }\n\n.bc-debugCon {\n width: 100%; }\n");const E=c.i`
11
58
  background-image: url(${e=>e.brandLogo||g});
12
59
  width: 30px;
13
60
  height: 30px;
@@ -17,7 +64,7 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
17
64
  border-radius: 50%;
18
65
  background-repeat: no-repeat;
19
66
  margin-left: -5px;
20
- `,f=a=>{const{type:t,isAgent:i}=a.message,o=b[t]??null;return o?n("div",{className:i?"bc-agentMessage":"bc-clientMessage",children:[i&&e(u,{brandLogo:a.config?.brandLogo}),e(o,{message:a.message}),e(h,{message:a.message})]}):null},A=r.div`
67
+ `,y=a=>{const{type:i,isAgent:t}=a.message,o=I[i]??null;return o?n("div",{className:t?"bc-agentMessage":"bc-clientMessage",children:[t&&e(E,{brandLogo:a.config?.brandLogo}),e(o,{message:a.message}),e(M,{message:a.message})]}):null},L=c.div`
21
68
  width: 100%;
22
69
  display: flex;
23
70
  align-items: center;
@@ -30,7 +77,7 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
30
77
  align-items: center;
31
78
  ${e=>e.isAgent?"margin-left: 34px;":"margin-right: 8px;"}
32
79
  }
33
- `,I=({message:n})=>e("div",{children:e(A,{isAgent:n.isAgent,children:e("div",{className:"date-seperator-content",children:n.createdAt.toLocaleString("en-US")})})}),C="bc-message-list-content",w=r.div`
80
+ `,S=({message:n})=>e("div",{children:e(L,{isAgent:n.isAgent,children:e("div",{className:"date-seperator-content",children:new Date(n.createdAt).toLocaleString("en-US")})})}),B="bc-message-list-content",D=c.div`
34
81
  height: 100%;
35
82
  width: 100%;
36
83
  overflow-y: auto;
@@ -38,12 +85,12 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
38
85
  background-size: 100% 100%;
39
86
  background-image: ${e=>`url(${e.config.backgroundImage})`};
40
87
  ${e=>e.config.backgroundColor&&`background-color: ${e.config.backgroundColor};`}
41
- `,M=({sendMessage:t,debug:o,config:s,messages:c})=>(i((()=>{const e=document.getElementById(C);if(!e)return;const n=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,n)}),[c]),e(w,{id:C,config:s,children:c?.map(((i,r)=>n(a,{children:[e(f,{message:i,index:r,sendMessage:t,messageActionsEnabled:c.length-1===r,debug:o,config:s},i.messageId?i.messageId:"message"+r),e(I,{message:i},"date-seperator-"+r)]})))},C)),y="text";var k={EN:{share_my_location:"Share My Location",share_my_current_location:"Share My Current Location",placeholder:"Type a Message",see_your_location:"See Your Location",location_permission:"Please give location permission"},TR:{share_my_location:"Konumumu paylaş",share_my_current_location:"Güncel konumumu paylaş",placeholder:"Mesajınızı yazın",see_your_location:"Konumunuzu Görüntüleyin",location_permission:"Lütfen konum paylaşımı için izin verin"},DE:{share_my_location:"Standortfreigabe",share_my_current_location:"Meinen aktuellen Standort teilen",placeholder:"Geben Sie eine Nachricht ein",see_your_location:"Sehen Sie Ihren Standort",location_permission:"Bitte geben Sie Ihren Standort frei"}};const v=r.img`
88
+ `,N=({sendMessage:i,debug:o,config:r,messages:s})=>(t((()=>{const e=document.getElementById(B);if(!e)return;const n=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,n)}),[s]),e(D,{id:B,config:r,children:s?.map(((t,c)=>n(a,{children:[e(y,{message:t,index:c,sendMessage:i,messageActionsEnabled:s.length-1===c,debug:o,config:r},t.messageId?t.messageId:"message"+c),e(S,{message:t},"date-seperator-"+c)]})))},B)),z="text";var Z={EN:{share_my_location:"Share My Location",share_my_current_location:"Share My Current Location",placeholder:"Type a Message",see_your_location:"See Your Location",location_permission:"Please give location permission"},TR:{share_my_location:"Konumumu paylaş",share_my_current_location:"Güncel konumumu paylaş",placeholder:"Mesajınızı yazın",see_your_location:"Konumunuzu Görüntüleyin",location_permission:"Lütfen konum paylaşımı için izin verin"},DE:{share_my_location:"Standortfreigabe",share_my_current_location:"Meinen aktuellen Standort teilen",placeholder:"Geben Sie eine Nachricht ein",see_your_location:"Sehen Sie Ihren Standort",location_permission:"Bitte geben Sie Ihren Standort frei"}};const j=c.img`
42
89
  cursor: ${e=>e.isInputValid?"pointer":"default"};
43
90
  width: 20px;
44
91
  height: 20px;
45
92
  margin: 5px;
46
- `,E=({file:a,isFileSelected:t})=>n("div",{className:"bc-uploadFileDetails",style:{border:t?"red dashed 1px":""},id:"uploadFileDetails",children:[e("div",{className:"bc-uploadedFile",children:d.SupportedImageFormats.indexOf(a.extension)>=0?e("img",{src:a.fileUrl,alt:"",className:"bc-imageFile"}):e("img",{src:"data:image/png;base64,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",alt:"",className:"bc-documentFile"})}),e("div",{className:"bc-uploadFileName",children:e("span",{children:a.fileName})})]}),S=({text:n,setText:a,config:t,send:c})=>{const r=o(null),l=s((()=>{const e=r.current;e.style.height="20px";const n=e.scrollHeight;n!==e.offsetHeight&&(e.style.height=n+"px")}),[]);return i((()=>{n||(l(),r.current.focus())}),[n]),e("textarea",{ref:r,value:n,className:"bc-messageInputTextArea",id:"textInput",placeholder:t.inputPlaceholder||k[t.language]?.placeholder,maxLength:1024,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),c(),l())},onChange:e=>{a(e.target.value),l()}})},B=({config:a,send:t,file:i,isFileSelected:o,text:s,setText:c})=>n("div",{className:"bc-messageInput",children:[i?e(E,{file:i,isFileSelected:o}):e(S,{text:s,setText:c,config:a,send:t}),e(v,{src:"data:image/png;base64,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",alt:"Send",onClick:t,isInputValid:!!s})]}),j=r.div`
93
+ `,G=({file:a,isFileSelected:i})=>n("div",{className:"bc-uploadFileDetails",style:{border:i?"red dashed 1px":""},id:"uploadFileDetails",children:[e("div",{className:"bc-uploadedFile",children:d.SupportedImageFormats.indexOf(a.extension)>=0?e("img",{src:a.fileUrl,alt:"",className:"bc-imageFile"}):e("img",{src:"data:image/png;base64,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",alt:"",className:"bc-documentFile"})}),e("div",{className:"bc-uploadFileName",children:e("span",{children:a.fileName})})]}),F=({text:n,setText:a,config:i,send:s})=>{const c=o(null),l=r((()=>{const e=c.current;e.style.height="20px";const n=e.scrollHeight;n!==e.offsetHeight&&(e.style.height=n+"px")}),[]);return t((()=>{n||(l(),c.current.focus())}),[n]),e("textarea",{ref:c,value:n,className:"bc-messageInputTextArea",id:"textInput",placeholder:i.inputPlaceholder||Z[i.language]?.placeholder,maxLength:1024,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),s(),l())},onChange:e=>{a(e.target.value),l()}})},J=({config:a,send:i,file:t,isFileSelected:o,text:r,setText:s})=>n("div",{className:"bc-messageInput",children:[t?e(G,{file:t,isFileSelected:o}):e(F,{text:r,setText:s,config:a,send:i}),e(j,{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIaUlEQVR4nNVZe1BU5xU/dxHBlok2aVrTzCSWpJnUaad1YjKZZKqTaZoSuffugqyvRDGJsTEtPkIwoHu/b0EgyEsCQngYIYDIUwQDviqJ1L58BEVD0VTiA6UiZKZ/2Cam7Omc+1iW97LyMGfmzMDu/b79/c73necF+BaKFbjfi2CLEkH5WgSlB75NIgOfK4KSaxbYVxIw1FS5BXe7BAC/RwJltSSwT3uBu6ptJdytEgjKEyKwHNnEbg0OnqFs4l/OB+4Ld5MEQuT3JGBhksDOqiAFjkHe0QPAL7s/wfg7Ce42q0sm/h8Ct2h6nIOJH+LymYkDCITNycLYkBL62xEItp9MKnAz8Bn6XW9WAQrMETE/Dz/64G+YtX4fmr24CjrELxrNU7S/1z2RhZ+fb8cgn2iHBKx+8q0usP/qV6Mnc20tNp9qwxOftOLyBzTryyaOa+dlYNA07TqFP5uLHV3dmM8Oqv+LoEiTcNdVq3/W3+rtHZ14rfMmxll3oSzod35mPGbFl2OQr0YgYl6eSuB6ZxeufCjZIZvYVStYvcYdOAdukoE/LwIrlwR2m8C89IOtqtXPffqFCor0SFUTLp4ep1nfy44xr+ZjQXYNWqba1c/YggLns4dKTxm5YdO4gl8AfKYE7B1ZYG2G1TcaVv/XTSegK1c6MOrXO1EC7b6H+idiSUkd7nx/r5OAXS5yPk+6+YV82u+2BFE/HG+rf0MAXp651aFavanX6oaWpRwl51SBWnyiMSliF1bXH8bcbXvQPEUjkLB0d581n52+RH7iEEEpGVPwMvAfqVY3scu6Mzqtfu1Gr9UNbTl7Gd/8WYYzXK6Zm4ZVtQdVAjmpe1BWCXBMXF4+YG3Wun3qmkBQfjXWVv8fbfzKrJSe3I112HLm0oAfNzQnog7NXpqVrdO3YHZKpQpeJZBUpYdUjsmvDCTQfr0Tl94X75AE1gIAgsfgA2HTg5rV+RUCYva2O+zmImyoOo3Xb3YNCf5E4wV89eEUzXEFhhuey3CCJ90eU6aGU/p+e1jtoHvszf6zcXprRg2cwpiL1Xtoo9f8U3soVl84f3VI4KQUNhNXlKulA61b/P04LMit7UMg3d5LIGv9viH3Wv9UNkqCcouKQbfBS8AflUCxyyberjqfm1Y39JO9p3HJjHgVHF0T+8r8PuBJUyJ3OwnutB0c+iSPnjdOIdMNq/OpMjCrCMphqkto4apHUx1kdUr1IwEnvdx+A22/zUfZJWzu3lU3gEByRAlKOoEC+6Fh90wKrdCMAbafD2t1EZRkSWBd9HCwb0zPu0tL8Vj9ObeAG1qdeQwX+saoPxjkY8fkt7Ww2V+Twnszc9GWPw675xeXOjDEL7ZHEljjCFeHdaqp/r53cXdiA7a1XR8V+Aut7fiHX27XkxbHN+akYmX1gUEJxL9ZqBEQGFakNY64d0lCgxYQwLZkWBIisMWyiXXTw9GWYmxtGd5hXTUvsh4tethc6BeDmfEVg4InjXujUI9QHCszjrm1/+8eT3PIJt4VAGE+bhVoamUJzLHonlgsjjuiFltDbX7mZBu+/lia5nB62Kz6SEtagykP1coLikSUCN0hcLT2jFEnxY5IoO+pKPPNJvY5LX7r6Rxs+us/B2yevqa6b9jMrhkSPCl7eSfKemld/+Fxt085JqiYyu0eM/BZMFqxwoZpIigJlI2DfaKRMjFlzMbaM7j0Xi1syiaGm6x5w4InVZZ9oJ6A2cTx4K6TbhNobbmqJlMRlBq40+ZFElhTv54WQ/23Dho2+2uk+X1nnvi4+vSogsWOqP367/EAuFOZD3yKDGydmjdMDLeuLx4RPGmEqBOYYsfGfc2jInDtxk0MfTCRHLqN6jQYK5FAySNQO9KrRyTw1vOZWq7wtuNfDreMikBHVzfuLzxhtJ9vw1iKDHw2nUZ4QNawBChKqQSm2vHvDa2jJtDR1Y3vPLeDIt7XARB1/x2BphJEBG5xjc8isAbLVLujtGz/oATWzkvXCUSr9Y4nBJpPXlQ7QRGUgjEgoNT0b0BEUBbSZ1teH1jMhT3znpbwpsVg8/GBYdldzfh9jeHQT98hAbZXv5O5rg0IObkksPZlD8Q7quv6krB4a3njNf9U9U57QuBK+w1cNCOe6qSmcSHQexpsM32fHl3uJFBWecDIrEfNXvxLdcg1N2vUBWRVxp90h7atGjcCJORsssC+WvPkNicJau61dWyDVr4oCbKJ36asTj3I2VNtbpEIm7Od5kn//g2Ef3fcCBgiAisigAV5WpeWGF5shMQXe5/hD0mgFFJEs3jbMW31Hmy7OHR1fPzjfxiG2AaeiARKqUvnNGITTk5Hz0cF56gkbIvz9CkE9+//bCDwpyRgjfT9khlx6giSSpj+JBJeKtNLbj7bIxIisEP6iNztKYIksBPB34nuKd9zAMOeTVfj+nBjRZqbivowbdUjqX0qWTqhYN9ohyywIzCRQm9n1AHX2iJc8XACATg30prVsNqb5rHUH7g6P3V3knYdF8JECr2dkQSle8WsBIfFm1M/Xunu2heA3yuBkkrjSPKtEL9Yqoo7iOS4AaZrIoGykV76uX6uluu9L/9G17gAgAU2PyKBUqEPJaJgnAkU65EjwvU7ikAiaLMoEdhyT39Db3oEGEcChTrIMsrY/Z8xQjNFocH2oBGQBMrlBWD7KUy0WN0goIHks2ncM1hkksC2SALlGxFYG/kBTBYBCZTSoQgMJ4HAQ4iABOySBJt/DBMtIihZOoFiT14pTToBo6yg7O0JARGUJzUCykVyfJhI4do7B89SvotQ6UENzYQTsLqEUU+jiBn4M4Fg+wVMloig7DB8wJPpQiDwBfoVqoDJEgnYcSLi6XthEZRIEVjzhF8hF/k/6hb07jVHImQAAAAASUVORK5CYII=",alt:"Send",onClick:i,isInputValid:!!r})]}),R=c.div`
47
94
  padding: 0px 0px 0px 10px;
48
95
  margin: 0px;
49
96
  width: fit-content;
@@ -58,36 +105,36 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
58
105
  cursor: pointer;
59
106
  display: block;
60
107
  }
61
- `;r.span`
108
+ `;c.span`
62
109
  margin: 8px;
63
110
  cursor: pointer;
64
111
  font-size: var(--bc-chat-fontSize-xl);
65
- `;const z=(e,n)=>`\n &:hover {\n background-image: ${e.replaceAll("%23a3a3a3",n.activeColor)};\n }\n background-image: ${n.isActive?e.replaceAll("%23a3a3a3",n.activeColor):e};\n`;r.i`
66
- ${e=>z("url(\"data:image/svg+xml,%3Csvg id='attach' xmlns='http://www.w3.org/2000/svg' width='15.317' height='16' viewBox='0 0 15.317 16'%3E%3Cpath id='Path_690' data-name='Path 690' d='M-431.392,1429.762a4.112,4.112,0,0,1-2.928-1.213,4.145,4.145,0,0,1,0-5.854l8.066-8.065a2.94,2.94,0,0,1,2.094-.867,2.94,2.94,0,0,1,2.094.867,2.941,2.941,0,0,1,.867,2.094,2.94,2.94,0,0,1-.867,2.094l-8.065,8.066a1.826,1.826,0,0,1-2.523,0,1.773,1.773,0,0,1-.522-1.261,1.773,1.773,0,0,1,.523-1.262l8.065-8.065a.606.606,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.065,8.066a.566.566,0,0,0-.168.4.569.569,0,0,0,.168.4.585.585,0,0,0,.809,0l8.066-8.066a1.738,1.738,0,0,0,.512-1.238,1.739,1.739,0,0,0-.512-1.238,1.792,1.792,0,0,0-2.475,0l-8.066,8.065a2.933,2.933,0,0,0,0,4.141,2.933,2.933,0,0,0,4.141,0l8.075-8.075a.6.6,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.075,8.075A4.111,4.111,0,0,1-431.392,1429.762Z' transform='translate(435.53 -1413.762)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
67
- `,r.i`
68
- ${e=>z("url(\"data:image/svg+xml,%3Csvg id='Component_39_2' data-name='Component 39 – 2' xmlns='http://www.w3.org/2000/svg' width='13.362' height='16' viewBox='0 0 13.362 16'%3E%3Cpath id='Path_816' data-name='Path 816' d='M67.615,16a.6.6,0,0,1-.288-.073c-.261-.141-6.393-3.52-6.393-9.246a6.681,6.681,0,0,1,13.362,0c0,5.726-6.132,9.1-6.393,9.246a.6.6,0,0,1-.288.073m0-14.787a5.474,5.474,0,0,0-5.468,5.468c0,4.341,4.3,7.288,5.468,8.008,1.167-.72,5.468-3.667,5.468-8.008a5.474,5.474,0,0,0-5.468-5.468' transform='translate(-60.934)' fill='%23a3a3a3'/%3E%3Cpath id='Path_817' data-name='Path 817' d='M69.972,12.086a3.049,3.049,0,1,1,3.048-3.049,3.052,3.052,0,0,1-3.048,3.049m0-4.884a1.836,1.836,0,1,0,1.835,1.835A1.837,1.837,0,0,0,69.972,7.2' transform='translate(-63.291 -2.356)' fill='%23a3a3a3'/%3E%3C/svg%3E\");",e)}
69
- `,r.i`
70
- ${e=>z("url(\"data:image/svg+xml,%3Csvg id='Component_25_5' data-name='Component 25 – 5' xmlns='http://www.w3.org/2000/svg' width='15.999' height='16' viewBox='0 0 15.999 16'%3E%3Cpath id='Path_805' data-name='Path 805' d='M8,16a8,8,0,1,1,8-8,8.009,8.009,0,0,1-8,8M8,1.211A6.789,6.789,0,1,0,14.788,8,6.8,6.8,0,0,0,8,1.211' fill='%23a3a3a3'/%3E%3Cpath id='Path_806' data-name='Path 806' d='M10.908,19.478a4.716,4.716,0,0,1-3.359-1.392.605.605,0,0,1,.856-.856,3.537,3.537,0,0,0,5,0,.605.605,0,1,1,.856.856,4.716,4.716,0,0,1-3.359,1.392' transform='translate(-2.908 -6.728)' fill='%23a3a3a3'/%3E%3Cpath id='Path_807' data-name='Path 807' d='M7.306,10.925A1.635,1.635,0,1,1,8.942,9.289a1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-2.237 -3.02)' fill='%23a3a3a3'/%3E%3Cpath id='Path_808' data-name='Path 808' d='M16.986,10.925a1.635,1.635,0,1,1,1.635-1.635,1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-6.056 -3.02)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
71
- `;const N=({setView:n})=>e("div",{className:"bc-inputActions",id:"bc-inputActions",children:e(j,{id:"iconsContainer"})});x(".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.bc-messageInput {\n min-height: 30px;\n max-height: 100%;\n box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);\n background-color: #fff;\n overflow-y: hidden;\n display: flex;\n justify-content: center;\n align-items: center; }\n .bc-messageInput .bc-messageInputTextArea {\n color: var(--bc-chat-dark-gray-color);\n display: block;\n min-height: 46px;\n background-color: #fff;\n box-sizing: border-box;\n font-size: var(--bc-chat-fontSize-md);\n padding: 10px 5px 0px 5px;\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-inputActions {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: 30px;\n border-bottom-left-radius: 15px;\n border-bottom-right-radius: 15px;\n background-color: #fff; }\n .bc-inputActions .bc-fileUpload {\n display: none; }\n .bc-inputActions i {\n display: block; }\n\n.bc-emojiPicker {\n position: absolute;\n bottom: 100%;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 0px 15px #0000001a;\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.bc-uploadFileDetails {\n background-color: transparent;\n display: flex;\n align-items: center;\n max-width: calc(100% - 40px);\n height: 25px; }\n .bc-uploadFileDetails .bc-uploadedFile {\n max-width: 20px;\n max-height: 31px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-imageFile {\n max-width: 100%;\n max-height: 100%;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-documentFile {\n margin-top: 4px;\n min-width: 25px;\n min-height: 25px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName span {\n padding: 10px;\n pointer-events: none; }\n");const L=({config:t,sendMessage:i,setView:o})=>{const[r,l]=c(),[g,p]=c(),[b,m]=c(),h=s((()=>{if(r){const{fileUrl:e,extension:n}=r;i(d.SupportedImageFormats.indexOf(n)>=0?"image":"document",e),l(void 0),p(!1)}else i(y,b),m("")}),[r,b,i]);return n(a,{children:[e(B,{config:t,send:h,text:b,setText:m,file:r,isFileSelected:g}),e(N,{setView:o})]})},Z="bc-chat-header-banner",G=390,J=r.div`
72
- ${e=>e.bannerWidth>G?"height: 60px;":"height: 90px;"}
112
+ `;const K=(e,n)=>`\n &:hover {\n background-image: ${e.replaceAll("%23a3a3a3",n.activeColor)};\n }\n background-image: ${n.isActive?e.replaceAll("%23a3a3a3",n.activeColor):e};\n`;c.i`
113
+ ${e=>K("url(\"data:image/svg+xml,%3Csvg id='attach' xmlns='http://www.w3.org/2000/svg' width='15.317' height='16' viewBox='0 0 15.317 16'%3E%3Cpath id='Path_690' data-name='Path 690' d='M-431.392,1429.762a4.112,4.112,0,0,1-2.928-1.213,4.145,4.145,0,0,1,0-5.854l8.066-8.065a2.94,2.94,0,0,1,2.094-.867,2.94,2.94,0,0,1,2.094.867,2.941,2.941,0,0,1,.867,2.094,2.94,2.94,0,0,1-.867,2.094l-8.065,8.066a1.826,1.826,0,0,1-2.523,0,1.773,1.773,0,0,1-.522-1.261,1.773,1.773,0,0,1,.523-1.262l8.065-8.065a.606.606,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.065,8.066a.566.566,0,0,0-.168.4.569.569,0,0,0,.168.4.585.585,0,0,0,.809,0l8.066-8.066a1.738,1.738,0,0,0,.512-1.238,1.739,1.739,0,0,0-.512-1.238,1.792,1.792,0,0,0-2.475,0l-8.066,8.065a2.933,2.933,0,0,0,0,4.141,2.933,2.933,0,0,0,4.141,0l8.075-8.075a.6.6,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.075,8.075A4.111,4.111,0,0,1-431.392,1429.762Z' transform='translate(435.53 -1413.762)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
114
+ `,c.i`
115
+ ${e=>K("url(\"data:image/svg+xml,%3Csvg id='Component_39_2' data-name='Component 39 – 2' xmlns='http://www.w3.org/2000/svg' width='13.362' height='16' viewBox='0 0 13.362 16'%3E%3Cpath id='Path_816' data-name='Path 816' d='M67.615,16a.6.6,0,0,1-.288-.073c-.261-.141-6.393-3.52-6.393-9.246a6.681,6.681,0,0,1,13.362,0c0,5.726-6.132,9.1-6.393,9.246a.6.6,0,0,1-.288.073m0-14.787a5.474,5.474,0,0,0-5.468,5.468c0,4.341,4.3,7.288,5.468,8.008,1.167-.72,5.468-3.667,5.468-8.008a5.474,5.474,0,0,0-5.468-5.468' transform='translate(-60.934)' fill='%23a3a3a3'/%3E%3Cpath id='Path_817' data-name='Path 817' d='M69.972,12.086a3.049,3.049,0,1,1,3.048-3.049,3.052,3.052,0,0,1-3.048,3.049m0-4.884a1.836,1.836,0,1,0,1.835,1.835A1.837,1.837,0,0,0,69.972,7.2' transform='translate(-63.291 -2.356)' fill='%23a3a3a3'/%3E%3C/svg%3E\");",e)}
116
+ `,c.i`
117
+ ${e=>K("url(\"data:image/svg+xml,%3Csvg id='Component_25_5' data-name='Component 25 – 5' xmlns='http://www.w3.org/2000/svg' width='15.999' height='16' viewBox='0 0 15.999 16'%3E%3Cpath id='Path_805' data-name='Path 805' d='M8,16a8,8,0,1,1,8-8,8.009,8.009,0,0,1-8,8M8,1.211A6.789,6.789,0,1,0,14.788,8,6.8,6.8,0,0,0,8,1.211' fill='%23a3a3a3'/%3E%3Cpath id='Path_806' data-name='Path 806' d='M10.908,19.478a4.716,4.716,0,0,1-3.359-1.392.605.605,0,0,1,.856-.856,3.537,3.537,0,0,0,5,0,.605.605,0,1,1,.856.856,4.716,4.716,0,0,1-3.359,1.392' transform='translate(-2.908 -6.728)' fill='%23a3a3a3'/%3E%3Cpath id='Path_807' data-name='Path 807' d='M7.306,10.925A1.635,1.635,0,1,1,8.942,9.289a1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-2.237 -3.02)' fill='%23a3a3a3'/%3E%3Cpath id='Path_808' data-name='Path 808' d='M16.986,10.925a1.635,1.635,0,1,1,1.635-1.635,1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-6.056 -3.02)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
118
+ `;const Y=({setView:n})=>e("div",{className:"bc-inputActions",id:"bc-inputActions",children:e(R,{id:"iconsContainer"})});k(".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.bc-messageInput {\n min-height: 30px;\n max-height: 100%;\n box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);\n background-color: #fff;\n overflow-y: hidden;\n display: flex;\n justify-content: center;\n align-items: center; }\n .bc-messageInput .bc-messageInputTextArea {\n color: var(--bc-chat-dark-gray-color);\n display: block;\n min-height: 46px;\n background-color: #fff;\n box-sizing: border-box;\n font-size: var(--bc-chat-fontSize-md);\n padding: 10px 5px 0px 5px;\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-inputActions {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: 30px;\n border-bottom-left-radius: 15px;\n border-bottom-right-radius: 15px;\n background-color: #fff; }\n .bc-inputActions .bc-fileUpload {\n display: none; }\n .bc-inputActions i {\n display: block; }\n\n.bc-emojiPicker {\n position: absolute;\n bottom: 100%;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 0px 15px #0000001a;\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.bc-uploadFileDetails {\n background-color: transparent;\n display: flex;\n align-items: center;\n max-width: calc(100% - 40px);\n height: 25px; }\n .bc-uploadFileDetails .bc-uploadedFile {\n max-width: 20px;\n max-height: 31px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-imageFile {\n max-width: 100%;\n max-height: 100%;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-documentFile {\n margin-top: 4px;\n min-width: 25px;\n min-height: 25px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName span {\n padding: 10px;\n pointer-events: none; }\n");const Q=({config:i,sendMessage:t,setView:o})=>{const[c,l]=s(),[g,p]=s(),[b,h]=s(),m=r((()=>{if(c){const{fileUrl:e,extension:n}=c;t(d.SupportedImageFormats.indexOf(n)>=0?"image":"document",e),l(void 0),p(!1)}else t(z,b),h("")}),[c,b,t]);return n(a,{children:[e(J,{config:i,send:m,text:b,setText:h,file:c,isFileSelected:g}),e(Y,{setView:o})]})},H="bc-chat-header-banner",U=390,V=c.div`
119
+ ${e=>e.bannerWidth>U?"height: 60px;":"height: 90px;"}
73
120
  display: block;
74
121
  width: 100%;
75
122
  background-color: transparent;
76
123
  z-index: 10;
77
124
  border-top-left-radius: 15px;
78
125
  border-top-right-radius: 15px;
79
- `,D=r.div`
126
+ `,P=c.div`
80
127
  width: 100%;
81
128
  display: flex;
82
129
  align-items: center;
83
130
  background-image: ${e=>`linear-gradient(103deg, ${e.startColor},${e.endColor})`};
84
- ${e=>e.bannerWidth<=G?'\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;"}
85
- `,R=r.div`
131
+ ${e=>e.bannerWidth<=U?'\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;"}
132
+ `,T=c.div`
86
133
  width: 100%;
87
134
  height: 100%;
88
135
  display: flex;
89
- `,K=r.div`
90
- ${e=>e.bannerWidth>G?"padding-bottom: 0 !important;":""}
136
+ `,W=c.div`
137
+ ${e=>e.bannerWidth>U?"padding-bottom: 0 !important;":""}
91
138
  display: flex;
92
139
  gap: 10px;
93
140
  align-items: center;
@@ -108,8 +155,8 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
108
155
  color: #fff;
109
156
  font-style: normal;
110
157
  }
111
- `,F=r.div`
112
- ${e=>e.bannerWidth>G?"padding-bottom: 0 !important;":""}
158
+ `,O=c.div`
159
+ ${e=>e.bannerWidth>U?"padding-bottom: 0 !important;":""}
113
160
  display: flex;
114
161
  flex-direction: row-reverse;
115
162
  gap: 10px;
@@ -124,9 +171,9 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
124
171
  cursor: pointer;
125
172
  display: block;
126
173
  }
127
- `,Y=r.i`
174
+ `,q=c.i`
128
175
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");
129
- `,Q=({config:a,minimize:t})=>{const[o,s]=c();return i((()=>{new ResizeObserver((()=>{const e=document.getElementById(Z)?.offsetWidth;e&&e>50&&e!==o&&s(e)})).observe(document.getElementById(Z))}),[]),e(J,{bannerWidth:o,className:"bc-header",children:e(D,{className:"bc-banner",id:Z,startColor:"#065A60",endColor:"#006466",bannerWidth:o,children:n(R,{className:"bc-bannerContents",children:[n(K,{className:"bc-companyInfo",bannerWidth:o,logo:a.brandLogo||g,children:[e("i",{}),e("span",{children:a.brandName||"BreadCrumbs"})]}),e(F,{className:"bc-bannerActions",bannerWidth:o,children:t?e(Y,{className:"bc-flow-minimize",onClick:()=>t()}):null})]})})})},H=r.div`
176
+ `,X=({config:a,minimize:i})=>{const[o,r]=s();return t((()=>{new ResizeObserver((()=>{const e=document.getElementById(H)?.offsetWidth;e&&e>50&&e!==o&&r(e)})).observe(document.getElementById(H))}),[]),e(V,{bannerWidth:o,className:"bc-header",children:e(P,{className:"bc-banner",id:H,startColor:"#065A60",endColor:"#006466",bannerWidth:o,children:n(T,{className:"bc-bannerContents",children:[n(W,{className:"bc-companyInfo",bannerWidth:o,logo:a.brandLogo||g,children:[e("i",{}),e("span",{children:a.brandName||"BreadCrumbs"})]}),e(O,{className:"bc-bannerActions",bannerWidth:o,children:i?e(q,{className:"bc-flow-minimize",onClick:()=>i()}):null})]})})})},_=c.div`
130
177
  width: 100%;
131
178
  text-align: center;
132
179
  i {
@@ -157,7 +204,7 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
157
204
  border-radius: 0px 0px 10px 10px;
158
205
  opacity: 1;
159
206
  }
160
- `,U=t.forwardRef((({forRate:a},t)=>n(H,{className:""+(a?"bc-ratingPositioning":""),children:[e("i",{}),e("span",{children:"Powered by Bread Crumbs"})]})));x('@import url("https://fonts.googleapis.com/css2?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:root {\n --bc-chat-font-stack: "Roboto", sans-serif;\n --bc-chat-fontSize-xs: 10px;\n --bc-chat-fontSize-sm: 12px;\n --bc-chat-fontSize-md: 14px;\n --bc-chat-fontSize-lg: 18px;\n --bc-chat-fontSize-xl: 22px;\n --bc-chat-fontSize-xxl: 26px;\n --bc-chat-fontWeight-light: 100;\n --bc-chat-fontWeight-regular: 300;\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-light-gray-color: #9b9b9b;\n --bc-chat-dark-gray-color: #4d4d4d;\n --bc-chat-agent-message-background-start-color: #95D5B2;\n --bc-chat-agent-message-background-end-color: #DBCBD8;\n --bc-chat-agent-message-text-color: #4d4d4d;\n --bc-chat-client-message-background-start-color: #065A60;\n --bc-chat-client-message-background-end-color: #5F506B;\n --bc-chat-client-message-text-color: #fff;\n --bc-chat-danger-color: #d6312e;\n --bc-chat-success-color: #58aa18;\n --bc-chat-white-color: #fff;\n --bc-chat-radius: 4px; }\n');const V=r.div`
207
+ `,$=i.forwardRef((({forRate:a},i)=>n(_,{className:""+(a?"bc-ratingPositioning":""),children:[e("i",{}),e("span",{children:"Powered by Bread Crumbs"})]})));k('@import url("https://fonts.googleapis.com/css2?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:root {\n --bc-chat-font-stack: "Roboto", sans-serif;\n --bc-chat-fontSize-xs: 10px;\n --bc-chat-fontSize-sm: 12px;\n --bc-chat-fontSize-md: 14px;\n --bc-chat-fontSize-lg: 18px;\n --bc-chat-fontSize-xl: 22px;\n --bc-chat-fontSize-xxl: 26px;\n --bc-chat-fontWeight-light: 100;\n --bc-chat-fontWeight-regular: 300;\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-light-gray-color: #9b9b9b;\n --bc-chat-dark-gray-color: #4d4d4d;\n --bc-chat-agent-message-background-start-color: #95D5B2;\n --bc-chat-agent-message-background-end-color: #DBCBD8;\n --bc-chat-agent-message-text-color: #4d4d4d;\n --bc-chat-client-message-background-start-color: #065A60;\n --bc-chat-client-message-background-end-color: #5F506B;\n --bc-chat-client-message-text-color: #fff;\n --bc-chat-danger-color: #d6312e;\n --bc-chat-success-color: #58aa18;\n --bc-chat-white-color: #fff;\n --bc-chat-radius: 4px; }\n');const ee=c.div`
161
208
  height: 100%;
162
209
  display: flex;
163
210
  flex-direction: column;
@@ -183,5 +230,5 @@ import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import t,{useEff
183
230
  line-height: inherit;
184
231
  font-weight: inherit;
185
232
  }
186
- `,P=({config:t={language:"EN",backgroundColor:"#dedede"},messages:i=[],sendMessage:o,debug:s,minimize:r})=>{const[l,d]=c("MESSAGE_LIST"),g="interactive"===(i&&i.length>0&&i[i.length-1].type);return n(V,{className:"bc-chat",children:[t.hideHeader?null:e(Q,{config:t,minimize:r}),"MESSAGE_LIST"==l?e(M,{messages:i,sendMessage:o,debug:s,config:t},"message-list"):null,e(a,{children:g?e(U,{forRate:!0}):e(L,{sendMessage:o,setView:d,config:t},"message-input")})]})};export{P as BCChat};
233
+ `,ne=({config:i={language:"EN",backgroundColor:"#dedede"},messages:t=[],sendMessage:o,debug:r,minimize:c})=>{const[l,d]=s("MESSAGE_LIST"),g="interactive"===(t&&t.length>0&&t[t.length-1].type);return n(ee,{className:"bc-chat",children:[i.hideHeader?null:e(X,{config:i,minimize:c}),"MESSAGE_LIST"==l?e(N,{messages:t,sendMessage:o,debug:r,config:i},"message-list"):null,e(a,{children:g?e($,{forRate:!0}):e(Q,{sendMessage:o,setView:d,config:i},"message-input")})]})};export{ne as BCChat};
187
234
  //# sourceMappingURL=index.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":";;;;;;;;;6bAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.es.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6bAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/index.js CHANGED
@@ -1,4 +1,51 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),a=require("@emotion/styled"),t=require("react-markdown");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(n),s=i(a),c=i(t);const r={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"]},l="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==";function d(e){return e.isAgent?"var(--bc-chat-agent-message-text-color)":"var(--bc-chat-client-message-text-color)"}const g={document:null,image:null,location:null,text:({message:n})=>{return e.jsx("div",{className:"bc-textMessage",style:{backgroundImage:(a=n,a.isAgent?"linear-gradient(104deg,var(--bc-chat-agent-message-background-start-color),var(--bc-chat-agent-message-background-end-color))":"linear-gradient(104deg,var(--bc-chat-client-message-background-start-color),var(--bc-chat-client-message-background-end-color))"),color:d(n)},children:(n.content.indexOf("\n")>-1?n.content.split("\n"):[n.content]).map((n=>e.jsx(c.default,{children:n})))});var a},video:null,audio:null,interactive:null,template:null},p=s.default.div`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),a=require("@emotion/styled"),t=require("react-markdown");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(n),s=i(a),r=i(t);const l={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"]},c="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==";function d(e){return e.isAgent?"linear-gradient(104deg,var(--bc-chat-agent-message-background-start-color),var(--bc-chat-agent-message-background-end-color))":"linear-gradient(104deg,var(--bc-chat-client-message-background-start-color),var(--bc-chat-client-message-background-end-color))"}function g(e){return e.isAgent?"var(--bc-chat-agent-message-text-color)":"var(--bc-chat-client-message-text-color)"}const p=({message:n})=>e.jsx("div",{className:"bc-mediaMessage"+("audio"===n.type?" audio":""),style:{padding:0},children:e.jsx("video",{src:n.content,controls:!0})}),b=s.default.div`
2
+ background-image: ${e=>d(e)};
3
+ :hover {
4
+ -webkit-filter: brightness(80%);
5
+ -moz-filter: brightness(80%);
6
+ -o-filter: brightness(80%);
7
+ -ms-filter: brightness(80%);
8
+ filter: brightness(80%);
9
+ }
10
+ `;const h=s.default.i`
11
+ 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%22M8.51194%203.00541C9.18829%202.54594%2010.0435%202.53694%2010.6788%202.95419C10.8231%203.04893%2010.9771%203.1993%2011.389%203.61119C11.8009%204.02307%2011.9513%204.17714%2012.046%204.32141C12.4633%204.95675%2012.4543%205.81192%2011.9948%206.48827C11.8899%206.64264%2011.7276%206.80811%2011.3006%207.23511L10.6819%207.85383C10.4867%208.04909%2010.4867%208.36567%2010.6819%208.56093C10.8772%208.7562%2011.1938%208.7562%2011.389%208.56093L12.0077%207.94221L12.0507%207.89929C12.4203%207.52976%2012.6568%207.2933%2012.822%207.0502C13.4972%206.05623%2013.5321%204.76252%2012.8819%203.77248C12.7233%203.53102%2012.4922%203.30001%2012.1408%202.94871L12.0961%202.90408L12.0515%202.85942C11.7002%202.508%2011.4692%202.27689%2011.2277%202.11832C10.2377%201.46813%208.94398%201.50299%207.95001%202.17822C7.70691%202.34336%207.47044%202.57991%207.1009%202.94955L7.058%202.99247L6.43928%203.61119C6.24401%203.80645%206.24401%204.12303%206.43928%204.31829C6.63454%204.51355%206.95112%204.51355%207.14638%204.31829L7.7651%203.69957C8.1921%203.27257%208.35757%203.11027%208.51194%203.00541ZM4.31796%207.14672C4.51322%206.95146%204.51322%206.63487%204.31796%206.43961C4.12269%206.24435%203.80611%206.24435%203.61085%206.43961L2.99213%207.05833L2.94922%207.10124C2.57957%207.47077%202.34303%207.70724%202.17788%207.95035C1.50265%208.94432%201.4678%2010.238%202.11799%2011.2281C2.27656%2011.4695%202.50766%2011.7005%202.8591%2012.0518L2.90374%2012.0965L2.94837%2012.1411C3.29967%2012.4925%203.53068%2012.7237%203.77214%2012.8822C4.76219%2013.5324%206.05589%2013.4976%207.04986%2012.8223C7.29296%2012.6572%207.52943%2012.4206%207.89896%2012.051L7.89897%2012.051L7.94188%2012.0081L8.5606%2011.3894C8.75586%2011.1941%208.75586%2010.8775%208.5606%2010.6823C8.36533%2010.487%208.04875%2010.487%207.85349%2010.6823L7.23477%2011.301C6.80777%2011.728%206.6423%2011.8903%206.48794%2011.9951C5.81158%2012.4546%204.95642%2012.4636%204.32107%2012.0464C4.17681%2011.9516%204.02274%2011.8012%203.61085%2011.3894C3.19896%2010.9775%203.0486%2010.8234%202.95385%2010.6791C2.53661%2010.0438%202.54561%209.18863%203.00507%208.51227C3.10993%208.35791%203.27224%208.19244%203.69924%207.76544L4.31796%207.14672ZM9.62172%206.08558C9.81698%205.89032%209.81698%205.57373%209.62172%205.37847C9.42646%205.18321%209.10988%205.18321%208.91461%205.37847L5.37908%208.91401C5.18382%209.10927%205.18382%209.42585%205.37908%209.62111C5.57434%209.81637%205.89092%209.81637%206.08619%209.62111L9.62172%206.08558Z%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")`};
12
+ width: 24px;
13
+ background-position: center;
14
+ background-size: contain;
15
+ background-repeat: no-repeat;
16
+ `,x=s.default.a`
17
+ display: flex;
18
+ flex-direction: row;
19
+ align-item: center;
20
+ text-decoration: auto;
21
+ gap: 5px;
22
+ color: ${e=>`${g(e)}`};
23
+ `,m=s.default.a`
24
+ background-image: ${e=>d(e)};
25
+ color: ${e=>g(e)};
26
+
27
+ :hover {
28
+ -webkit-filter: brightness(80%);
29
+ -moz-filter: brightness(80%);
30
+ -o-filter: brightness(80%);
31
+ -ms-filter: brightness(80%);
32
+ filter: brightness(80%);
33
+ }
34
+ `,f=s.default.div`
35
+ display: flex;
36
+ flex-direction: row;
37
+ align-items: center;
38
+ gap: 5px;
39
+ `,u=s.default.span`
40
+ color: ${e=>e.color};
41
+ `;const C=s.default.i`
42
+ 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")`};
43
+ background-position: center;
44
+ background-size: contain;
45
+ background-repeat: no-repeat;
46
+ width: 15px;
47
+ height: 15px;
48
+ `,A={document:({message:n})=>{let a=n.content.split("/"),t=a[a.length-1];return e.jsx(b,{className:"mwc-fileMessage",...n,children:e.jsxs(x,{href:n.content,target:"_blank",download:t,rel:"noopener noreferrer",...n,children:[e.jsx(h,{color:(i=n,i.isAgent?"000000":"ffffff")}),e.jsx("span",{children:t})]})});var i},image:({message:n})=>e.jsx("div",{className:"bc-mediaMessage",style:{padding:0},children:e.jsx("a",{href:n.content,target:"_blank",rel:"noreferrer",children:e.jsx("img",{src:n.content,alt:"message content"})})}),location:({message:n})=>{return e.jsx(m,{href:"https://www.google.com/maps/?q="+n.content,target:"_blank",rel:"noopener noreferrer",className:"bc-locationMessage",isAgent:n.isAgent,children:e.jsxs(f,{children:[e.jsx(C,{color:(a=n,a.isAgent?"000000":"ffffff")}),e.jsx(u,{color:g(n),children:"Open location"})]})});var a},text:({message:n})=>e.jsx("div",{className:"bc-textMessage",style:{backgroundImage:d(n),color:g(n)},children:(n.content.indexOf("\n")>-1?n.content.split("\n"):[n.content]).map((n=>e.jsx(r.default,{children:n})))}),video:p,audio:p,interactive:null,template:null},w=s.default.div`
2
49
  display: flex;
3
50
  flex-direction: column;
4
51
  gap: 5px;
@@ -7,8 +54,8 @@
7
54
  margin: ${e=>e.isAgent?"0 40px 0 20px":"0 20px 0 40px"};
8
55
  text-align: ${e=>e.isAgent?"left":"right"};
9
56
  }
10
- `;function b({message:n}){const{debug:a,conversationId:t,traceId:i,spanId:o,isAgent:s}=n;return a?e.jsx(p,{isAgent:s,className:"bc-debugCon",children:e.jsxs("div",{children:[e.jsxs("div",{className:"bc-response-debug",children:["Trace id: ",e.jsx("span",{children:i})]}),e.jsxs("div",{className:"bc-response-debug",children:["Span id: ",e.jsx("span",{children:o})]}),e.jsxs("div",{className:"bc-response-debug",children:["Conversation id: ",e.jsx("span",{children:t})]})]})}):null}function m(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}m('.bc-agentMessage,\n.bc-clientMessage {\n margin: 10px 15px;\n font-size: var(--bc-chat-fontSize-sm); }\n .bc-agentMessage div p,\n .bc-clientMessage div p {\n padding: 0;\n margin: 0; }\n\n.bc-agentMessage > div:not(.bc-debugCon),\n.bc-clientMessage > div:not(.bc-debugCon) {\n display: inline-block;\n padding: 10px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent; }\n\n.bc-agentMessage .bc-fileMessage,\n.bc-clientMessage .bc-fileMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-clientMessage .bc-fileMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 15px;\n height: 16px; }\n\n.bc-agentMessage .bc-locationMessage,\n.bc-clientMessage .bc-locationMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-locationMessage img,\n .bc-clientMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n\n.bc-agentMessage {\n text-align: left;\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n gap: 5px; }\n .bc-agentMessage > div:not(.bc-debugCon),\n .bc-agentMessage .bc-fileMessage,\n .bc-agentMessage audio {\n background-color: #fff;\n border-bottom-left-radius: 0; }\n .bc-agentMessage .bc-fileMessage,\n .bc-agentMessage .bc-locationMessage {\n color: var(--bc-chat-dark-gray-color);\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-agentMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n .bc-agentMessage .mytheme-mejs-container.mejs-container,\n .bc-agentMessage .mytheme-mejs-container .mejs-controls,\n .bc-agentMessage .mytheme-mejs-container .mejs-embed,\n .bc-agentMessage .mytheme-mejs-container .mejs-embed body {\n background-color: #fff; }\n .bc-agentMessage .mejs__time-total {\n background-color: #ddd;\n opacity: 1; }\n .bc-agentMessage .mejs__horizontal-volume-current {\n background-color: #065A60;\n opacity: 0.3; }\n .bc-agentMessage .mejs__horizontal-volume-total {\n background-color: #ddd; }\n .bc-agentMessage .mejs__controls:not([style*="display: none"]) {\n background: #fff; }\n .bc-agentMessage .mejs__time-hovered.negative,\n .bc-agentMessage .mejs__time-buffering,\n .bc-agentMessage .mejs__time-current,\n .bc-agentMessage .mejs__time-hovered,\n .bc-agentMessage .mejs__time-loaded {\n background-color: #065a60; }\n .bc-agentMessage .mejs__time-loaded {\n opacity: 0.3; }\n .bc-agentMessage .mejs__time-current {\n opacity: 0.9; }\n\n.bc-agentMessage:first-child {\n flex: 1 0 50%; }\n\n.bc-agentMessage > :nth-child(2) {\n flex: 0 1 auto;\n max-width: 85%; }\n\n.bc-clientMessage {\n padding-left: 20px;\n text-align: right; }\n .bc-clientMessage > div:not(.bc-debugCon),\n .bc-clientMessage .bc-fileMessage,\n .bc-clientMessage .bc-locationMessage,\n .bc-clientMessage audio {\n color: #fff;\n border-bottom-right-radius: 0; }\n .bc-clientMessage svg path:nth-child(2) {\n fill: #fff; }\n .bc-clientMessage .mejs__controls:not([style*="display: none"]) {\n background: #065a60; }\n .bc-clientMessage .mytheme-mejs-container.mejs-container,\n .bc-clientMessage .mytheme-mejs-container .mejs-controls,\n .bc-clientMessage .mytheme-mejs-container .mejs-embed,\n .bc-clientMessage .mytheme-mejs-container .mejs-embed body {\n background-color: #065a60; }\n\naudio {\n width: 100%;\n border-radius: 30px; }\n\n.mejs__horizontal-volume-slider {\n display: none; }\n\n.mejs__volume-button {\n display: none; }\n\n.mejs__volume-button {\n display: none; }\n\n.mejs__audio {\n width: 285px !important; }\n\n.bc-mediaMessage video,\n.bc-mediaMessage img {\n width: 210px;\n margin-bottom: -5px; }\n\n.bc-response-debug {\n background-color: transparent;\n color: #f5a623;\n padding: 0; }\n .bc-response-debug span {\n text-decoration: underline; }\n\n.bc-selectionContainer {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap; }\n\n.bc-selectionContainer:first-child {\n flex: 1 0 50%; }\n\n.bc-debug-panel {\n border-radius: 10px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);\n border: solid 1px #ffffff;\n background-color: #ffffff;\n color: var(--bc-chat-dark-gray-color);\n display: table;\n width: calc(100% - 40px);\n margin: 10px -40px 10px 0;\n text-align: left;\n padding: 10px;\n max-width: 310px; }\n\n.bc-exception-debug {\n color: #f5a623;\n position: relative; }\n .bc-exception-debug .bc-exception-icon {\n width: 30px;\n position: absolute;\n top: 3px;\n left: 10px; }\n .bc-exception-debug span {\n margin-left: 40px; }\n\n.bc-parameters-debug span {\n text-decoration: underline; }\n\n.bc-parameters-debug .bc-parameters-title {\n width: 100%;\n border-bottom: solid 1px #f3f3f3;\n text-align: left;\n font-weight: bold;\n margin-bottom: 6px; }\n\n.bc-debugCon {\n width: 100%; }\n');const h=s.default.i`
11
- background-image: url(${e=>e.brandLogo||l});
57
+ `;function I({message:n}){const{debug:a,conversationId:t,traceId:i,spanId:o,isAgent:s}=n;return a?e.jsx(w,{isAgent:s,className:"bc-debugCon",children:e.jsxs("div",{children:[e.jsxs("div",{className:"bc-response-debug",children:["Trace id: ",e.jsx("span",{children:i})]}),e.jsxs("div",{className:"bc-response-debug",children:["Span id: ",e.jsx("span",{children:o})]}),e.jsxs("div",{className:"bc-response-debug",children:["Conversation id: ",e.jsx("span",{children:t})]})]})}):null}function v(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}v(".bc-agentMessage,\n.bc-clientMessage {\n margin: 10px 15px;\n font-size: var(--bc-chat-fontSize-sm); }\n .bc-agentMessage div p,\n .bc-clientMessage div p {\n padding: 0;\n margin: 0; }\n\n.bc-agentMessage > div:not(.bc-debugCon),\n.bc-clientMessage > div:not(.bc-debugCon) {\n display: inline-block;\n padding: 10px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent; }\n\n.bc-agentMessage .bc-fileMessage,\n.bc-clientMessage .bc-fileMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-clientMessage .bc-fileMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 15px;\n height: 16px; }\n\n.bc-agentMessage .bc-locationMessage,\n.bc-clientMessage .bc-locationMessage {\n display: inline-block;\n padding: 10px 20px;\n border-radius: 5px;\n overflow: hidden;\n word-break: break-word;\n text-decoration: none;\n background-color: transparent;\n cursor: pointer; }\n .bc-agentMessage .bc-locationMessage img,\n .bc-clientMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n\n.bc-agentMessage {\n text-align: left;\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n gap: 5px; }\n .bc-agentMessage .bc-fileMessage,\n .bc-agentMessage .bc-locationMessage {\n color: var(--bc-chat-dark-gray-color);\n cursor: pointer; }\n .bc-agentMessage .bc-fileMessage img,\n .bc-agentMessage .bc-locationMessage img {\n vertical-align: middle;\n margin-right: 10px;\n width: 30px; }\n\n.bc-agentMessage:first-child {\n flex: 1 0 50%; }\n\n.bc-agentMessage > :nth-child(2) {\n flex: 0 1 auto;\n max-width: 85%; }\n\n.bc-clientMessage {\n padding-left: 20px;\n text-align: right; }\n .bc-clientMessage > div:not(.bc-debugCon),\n .bc-clientMessage .bc-fileMessage,\n .bc-clientMessage .bc-locationMessage,\n .bc-clientMessage audio {\n color: #fff;\n border-bottom-right-radius: 0; }\n .bc-clientMessage svg path:nth-child(2) {\n fill: #fff; }\n\n.bc-mediaMessage video,\n.bc-mediaMessage img {\n width: 300px;\n margin-bottom: -5px; }\n\n.bc-mediaMessage.audio video {\n height: 40px; }\n\n.bc-response-debug {\n background-color: transparent;\n color: #f5a623;\n padding: 0; }\n .bc-response-debug span {\n text-decoration: underline; }\n\n.bc-selectionContainer {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap; }\n\n.bc-selectionContainer:first-child {\n flex: 1 0 50%; }\n\n.bc-debug-panel {\n border-radius: 10px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);\n border: solid 1px #ffffff;\n background-color: #ffffff;\n color: var(--bc-chat-dark-gray-color);\n display: table;\n width: calc(100% - 40px);\n margin: 10px -40px 10px 0;\n text-align: left;\n padding: 10px;\n max-width: 310px; }\n\n.bc-exception-debug {\n color: #f5a623;\n position: relative; }\n .bc-exception-debug .bc-exception-icon {\n width: 30px;\n position: absolute;\n top: 3px;\n left: 10px; }\n .bc-exception-debug span {\n margin-left: 40px; }\n\n.bc-parameters-debug span {\n text-decoration: underline; }\n\n.bc-parameters-debug .bc-parameters-title {\n width: 100%;\n border-bottom: solid 1px #f3f3f3;\n text-align: left;\n font-weight: bold;\n margin-bottom: 6px; }\n\n.bc-debugCon {\n width: 100%; }\n");const M=s.default.i`
58
+ background-image: url(${e=>e.brandLogo||c});
12
59
  width: 30px;
13
60
  height: 30px;
14
61
  background-position: center;
@@ -17,7 +64,7 @@
17
64
  border-radius: 50%;
18
65
  background-repeat: no-repeat;
19
66
  margin-left: -5px;
20
- `,x=n=>{const{type:a,isAgent:t}=n.message,i=g[a]??null;return i?e.jsxs("div",{className:t?"bc-agentMessage":"bc-clientMessage",children:[t&&e.jsx(h,{brandLogo:n.config?.brandLogo}),e.jsx(i,{message:n.message}),e.jsx(b,{message:n.message})]}):null},u=s.default.div`
67
+ `,k=n=>{const{type:a,isAgent:t}=n.message,i=A[a]??null;return i?e.jsxs("div",{className:t?"bc-agentMessage":"bc-clientMessage",children:[t&&e.jsx(M,{brandLogo:n.config?.brandLogo}),e.jsx(i,{message:n.message}),e.jsx(I,{message:n.message})]}):null},E=s.default.div`
21
68
  width: 100%;
22
69
  display: flex;
23
70
  align-items: center;
@@ -30,7 +77,7 @@
30
77
  align-items: center;
31
78
  ${e=>e.isAgent?"margin-left: 34px;":"margin-right: 8px;"}
32
79
  }
33
- `,f=({message:n})=>e.jsx("div",{children:e.jsx(u,{isAgent:n.isAgent,children:e.jsx("div",{className:"date-seperator-content",children:n.createdAt.toLocaleString("en-US")})})}),A="bc-message-list-content",I=s.default.div`
80
+ `,y=({message:n})=>e.jsx("div",{children:e.jsx(E,{isAgent:n.isAgent,children:e.jsx("div",{className:"date-seperator-content",children:new Date(n.createdAt).toLocaleString("en-US")})})}),j="bc-message-list-content",S=s.default.div`
34
81
  height: 100%;
35
82
  width: 100%;
36
83
  overflow-y: auto;
@@ -38,12 +85,12 @@
38
85
  background-size: 100% 100%;
39
86
  background-image: ${e=>`url(${e.config.backgroundImage})`};
40
87
  ${e=>e.config.backgroundColor&&`background-color: ${e.config.backgroundColor};`}
41
- `,C=({sendMessage:a,debug:t,config:i,messages:o})=>(n.useEffect((()=>{const e=document.getElementById(A);if(!e)return;const n=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,n)}),[o]),e.jsx(I,{id:A,config:i,children:o?.map(((n,s)=>e.jsxs(e.Fragment,{children:[e.jsx(x,{message:n,index:s,sendMessage:a,messageActionsEnabled:o.length-1===s,debug:t,config:i},n.messageId?n.messageId:"message"+s),e.jsx(f,{message:n},"date-seperator-"+s)]})))},A)),w="text";var M={EN:{share_my_location:"Share My Location",share_my_current_location:"Share My Current Location",placeholder:"Type a Message",see_your_location:"See Your Location",location_permission:"Please give location permission"},TR:{share_my_location:"Konumumu paylaş",share_my_current_location:"Güncel konumumu paylaş",placeholder:"Mesajınızı yazın",see_your_location:"Konumunuzu Görüntüleyin",location_permission:"Lütfen konum paylaşımı için izin verin"},DE:{share_my_location:"Standortfreigabe",share_my_current_location:"Meinen aktuellen Standort teilen",placeholder:"Geben Sie eine Nachricht ein",see_your_location:"Sehen Sie Ihren Standort",location_permission:"Bitte geben Sie Ihren Standort frei"}};const y=s.default.img`
88
+ `,L=({sendMessage:a,debug:t,config:i,messages:o})=>(n.useEffect((()=>{const e=document.getElementById(j);if(!e)return;const n=e.scrollHeight;e.style.scrollBehavior="smooth",e.style.overscrollBehavior="contain",e.scroll(0,n)}),[o]),e.jsx(S,{id:j,config:i,children:o?.map(((n,s)=>e.jsxs(e.Fragment,{children:[e.jsx(k,{message:n,index:s,sendMessage:a,messageActionsEnabled:o.length-1===s,debug:t,config:i},n.messageId?n.messageId:"message"+s),e.jsx(y,{message:n},"date-seperator-"+s)]})))},j)),B="text";var D={EN:{share_my_location:"Share My Location",share_my_current_location:"Share My Current Location",placeholder:"Type a Message",see_your_location:"See Your Location",location_permission:"Please give location permission"},TR:{share_my_location:"Konumumu paylaş",share_my_current_location:"Güncel konumumu paylaş",placeholder:"Mesajınızı yazın",see_your_location:"Konumunuzu Görüntüleyin",location_permission:"Lütfen konum paylaşımı için izin verin"},DE:{share_my_location:"Standortfreigabe",share_my_current_location:"Meinen aktuellen Standort teilen",placeholder:"Geben Sie eine Nachricht ein",see_your_location:"Sehen Sie Ihren Standort",location_permission:"Bitte geben Sie Ihren Standort frei"}};const N=s.default.img`
42
89
  cursor: ${e=>e.isInputValid?"pointer":"default"};
43
90
  width: 20px;
44
91
  height: 20px;
45
92
  margin: 5px;
46
- `,k=({file:n,isFileSelected:a})=>e.jsxs("div",{className:"bc-uploadFileDetails",style:{border:a?"red dashed 1px":""},id:"uploadFileDetails",children:[e.jsx("div",{className:"bc-uploadedFile",children:r.SupportedImageFormats.indexOf(n.extension)>=0?e.jsx("img",{src:n.fileUrl,alt:"",className:"bc-imageFile"}):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:n.fileName})})]}),j=({text:a,setText:t,config:i,send:o})=>{const s=n.useRef(null),c=n.useCallback((()=>{const e=s.current;e.style.height="20px";const n=e.scrollHeight;n!==e.offsetHeight&&(e.style.height=n+"px")}),[]);return n.useEffect((()=>{a||(c(),s.current.focus())}),[a]),e.jsx("textarea",{ref:s,value:a,className:"bc-messageInputTextArea",id:"textInput",placeholder:i.inputPlaceholder||M[i.language]?.placeholder,maxLength:1024,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),o(),c())},onChange:e=>{t(e.target.value),c()}})},v=({config:n,send:a,file:t,isFileSelected:i,text:o,setText:s})=>e.jsxs("div",{className:"bc-messageInput",children:[t?e.jsx(k,{file:t,isFileSelected:i}):e.jsx(j,{text:o,setText:s,config:n,send:a}),e.jsx(y,{src:"data:image/png;base64,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",alt:"Send",onClick:a,isInputValid:!!o})]}),E=s.default.div`
93
+ `,z=({file:n,isFileSelected:a})=>e.jsxs("div",{className:"bc-uploadFileDetails",style:{border:a?"red dashed 1px":""},id:"uploadFileDetails",children:[e.jsx("div",{className:"bc-uploadedFile",children:l.SupportedImageFormats.indexOf(n.extension)>=0?e.jsx("img",{src:n.fileUrl,alt:"",className:"bc-imageFile"}):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:n.fileName})})]}),Z=({text:a,setText:t,config:i,send:o})=>{const s=n.useRef(null),r=n.useCallback((()=>{const e=s.current;e.style.height="20px";const n=e.scrollHeight;n!==e.offsetHeight&&(e.style.height=n+"px")}),[]);return n.useEffect((()=>{a||(r(),s.current.focus())}),[a]),e.jsx("textarea",{ref:s,value:a,className:"bc-messageInputTextArea",id:"textInput",placeholder:i.inputPlaceholder||D[i.language]?.placeholder,maxLength:1024,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),o(),r())},onChange:e=>{t(e.target.value),r()}})},F=({config:n,send:a,file:t,isFileSelected:i,text:o,setText:s})=>e.jsxs("div",{className:"bc-messageInput",children:[t?e.jsx(z,{file:t,isFileSelected:i}):e.jsx(Z,{text:o,setText:s,config:n,send:a}),e.jsx(N,{src:"data:image/png;base64,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",alt:"Send",onClick:a,isInputValid:!!o})]}),G=s.default.div`
47
94
  padding: 0px 0px 0px 10px;
48
95
  margin: 0px;
49
96
  width: fit-content;
@@ -62,32 +109,32 @@
62
109
  margin: 8px;
63
110
  cursor: pointer;
64
111
  font-size: var(--bc-chat-fontSize-xl);
65
- `;const S=(e,n)=>`\n &:hover {\n background-image: ${e.replaceAll("%23a3a3a3",n.activeColor)};\n }\n background-image: ${n.isActive?e.replaceAll("%23a3a3a3",n.activeColor):e};\n`;s.default.i`
66
- ${e=>S("url(\"data:image/svg+xml,%3Csvg id='attach' xmlns='http://www.w3.org/2000/svg' width='15.317' height='16' viewBox='0 0 15.317 16'%3E%3Cpath id='Path_690' data-name='Path 690' d='M-431.392,1429.762a4.112,4.112,0,0,1-2.928-1.213,4.145,4.145,0,0,1,0-5.854l8.066-8.065a2.94,2.94,0,0,1,2.094-.867,2.94,2.94,0,0,1,2.094.867,2.941,2.941,0,0,1,.867,2.094,2.94,2.94,0,0,1-.867,2.094l-8.065,8.066a1.826,1.826,0,0,1-2.523,0,1.773,1.773,0,0,1-.522-1.261,1.773,1.773,0,0,1,.523-1.262l8.065-8.065a.606.606,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.065,8.066a.566.566,0,0,0-.168.4.569.569,0,0,0,.168.4.585.585,0,0,0,.809,0l8.066-8.066a1.738,1.738,0,0,0,.512-1.238,1.739,1.739,0,0,0-.512-1.238,1.792,1.792,0,0,0-2.475,0l-8.066,8.065a2.933,2.933,0,0,0,0,4.141,2.933,2.933,0,0,0,4.141,0l8.075-8.075a.6.6,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.075,8.075A4.111,4.111,0,0,1-431.392,1429.762Z' transform='translate(435.53 -1413.762)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
112
+ `;const J=(e,n)=>`\n &:hover {\n background-image: ${e.replaceAll("%23a3a3a3",n.activeColor)};\n }\n background-image: ${n.isActive?e.replaceAll("%23a3a3a3",n.activeColor):e};\n`;s.default.i`
113
+ ${e=>J("url(\"data:image/svg+xml,%3Csvg id='attach' xmlns='http://www.w3.org/2000/svg' width='15.317' height='16' viewBox='0 0 15.317 16'%3E%3Cpath id='Path_690' data-name='Path 690' d='M-431.392,1429.762a4.112,4.112,0,0,1-2.928-1.213,4.145,4.145,0,0,1,0-5.854l8.066-8.065a2.94,2.94,0,0,1,2.094-.867,2.94,2.94,0,0,1,2.094.867,2.941,2.941,0,0,1,.867,2.094,2.94,2.94,0,0,1-.867,2.094l-8.065,8.066a1.826,1.826,0,0,1-2.523,0,1.773,1.773,0,0,1-.522-1.261,1.773,1.773,0,0,1,.523-1.262l8.065-8.065a.606.606,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.065,8.066a.566.566,0,0,0-.168.4.569.569,0,0,0,.168.4.585.585,0,0,0,.809,0l8.066-8.066a1.738,1.738,0,0,0,.512-1.238,1.739,1.739,0,0,0-.512-1.238,1.792,1.792,0,0,0-2.475,0l-8.066,8.065a2.933,2.933,0,0,0,0,4.141,2.933,2.933,0,0,0,4.141,0l8.075-8.075a.6.6,0,0,1,.857,0,.6.6,0,0,1,0,.856l-8.075,8.075A4.111,4.111,0,0,1-431.392,1429.762Z' transform='translate(435.53 -1413.762)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
67
114
  `,s.default.i`
68
- ${e=>S("url(\"data:image/svg+xml,%3Csvg id='Component_39_2' data-name='Component 39 – 2' xmlns='http://www.w3.org/2000/svg' width='13.362' height='16' viewBox='0 0 13.362 16'%3E%3Cpath id='Path_816' data-name='Path 816' d='M67.615,16a.6.6,0,0,1-.288-.073c-.261-.141-6.393-3.52-6.393-9.246a6.681,6.681,0,0,1,13.362,0c0,5.726-6.132,9.1-6.393,9.246a.6.6,0,0,1-.288.073m0-14.787a5.474,5.474,0,0,0-5.468,5.468c0,4.341,4.3,7.288,5.468,8.008,1.167-.72,5.468-3.667,5.468-8.008a5.474,5.474,0,0,0-5.468-5.468' transform='translate(-60.934)' fill='%23a3a3a3'/%3E%3Cpath id='Path_817' data-name='Path 817' d='M69.972,12.086a3.049,3.049,0,1,1,3.048-3.049,3.052,3.052,0,0,1-3.048,3.049m0-4.884a1.836,1.836,0,1,0,1.835,1.835A1.837,1.837,0,0,0,69.972,7.2' transform='translate(-63.291 -2.356)' fill='%23a3a3a3'/%3E%3C/svg%3E\");",e)}
115
+ ${e=>J("url(\"data:image/svg+xml,%3Csvg id='Component_39_2' data-name='Component 39 – 2' xmlns='http://www.w3.org/2000/svg' width='13.362' height='16' viewBox='0 0 13.362 16'%3E%3Cpath id='Path_816' data-name='Path 816' d='M67.615,16a.6.6,0,0,1-.288-.073c-.261-.141-6.393-3.52-6.393-9.246a6.681,6.681,0,0,1,13.362,0c0,5.726-6.132,9.1-6.393,9.246a.6.6,0,0,1-.288.073m0-14.787a5.474,5.474,0,0,0-5.468,5.468c0,4.341,4.3,7.288,5.468,8.008,1.167-.72,5.468-3.667,5.468-8.008a5.474,5.474,0,0,0-5.468-5.468' transform='translate(-60.934)' fill='%23a3a3a3'/%3E%3Cpath id='Path_817' data-name='Path 817' d='M69.972,12.086a3.049,3.049,0,1,1,3.048-3.049,3.052,3.052,0,0,1-3.048,3.049m0-4.884a1.836,1.836,0,1,0,1.835,1.835A1.837,1.837,0,0,0,69.972,7.2' transform='translate(-63.291 -2.356)' fill='%23a3a3a3'/%3E%3C/svg%3E\");",e)}
69
116
  `,s.default.i`
70
- ${e=>S("url(\"data:image/svg+xml,%3Csvg id='Component_25_5' data-name='Component 25 – 5' xmlns='http://www.w3.org/2000/svg' width='15.999' height='16' viewBox='0 0 15.999 16'%3E%3Cpath id='Path_805' data-name='Path 805' d='M8,16a8,8,0,1,1,8-8,8.009,8.009,0,0,1-8,8M8,1.211A6.789,6.789,0,1,0,14.788,8,6.8,6.8,0,0,0,8,1.211' fill='%23a3a3a3'/%3E%3Cpath id='Path_806' data-name='Path 806' d='M10.908,19.478a4.716,4.716,0,0,1-3.359-1.392.605.605,0,0,1,.856-.856,3.537,3.537,0,0,0,5,0,.605.605,0,1,1,.856.856,4.716,4.716,0,0,1-3.359,1.392' transform='translate(-2.908 -6.728)' fill='%23a3a3a3'/%3E%3Cpath id='Path_807' data-name='Path 807' d='M7.306,10.925A1.635,1.635,0,1,1,8.942,9.289a1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-2.237 -3.02)' fill='%23a3a3a3'/%3E%3Cpath id='Path_808' data-name='Path 808' d='M16.986,10.925a1.635,1.635,0,1,1,1.635-1.635,1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-6.056 -3.02)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
71
- `;const B=({setView:n})=>e.jsx("div",{className:"bc-inputActions",id:"bc-inputActions",children:e.jsx(E,{id:"iconsContainer"})});m(".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.bc-messageInput {\n min-height: 30px;\n max-height: 100%;\n box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);\n background-color: #fff;\n overflow-y: hidden;\n display: flex;\n justify-content: center;\n align-items: center; }\n .bc-messageInput .bc-messageInputTextArea {\n color: var(--bc-chat-dark-gray-color);\n display: block;\n min-height: 46px;\n background-color: #fff;\n box-sizing: border-box;\n font-size: var(--bc-chat-fontSize-md);\n padding: 10px 5px 0px 5px;\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-inputActions {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: 30px;\n border-bottom-left-radius: 15px;\n border-bottom-right-radius: 15px;\n background-color: #fff; }\n .bc-inputActions .bc-fileUpload {\n display: none; }\n .bc-inputActions i {\n display: block; }\n\n.bc-emojiPicker {\n position: absolute;\n bottom: 100%;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 0px 15px #0000001a;\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.bc-uploadFileDetails {\n background-color: transparent;\n display: flex;\n align-items: center;\n max-width: calc(100% - 40px);\n height: 25px; }\n .bc-uploadFileDetails .bc-uploadedFile {\n max-width: 20px;\n max-height: 31px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-imageFile {\n max-width: 100%;\n max-height: 100%;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-documentFile {\n margin-top: 4px;\n min-width: 25px;\n min-height: 25px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName span {\n padding: 10px;\n pointer-events: none; }\n");const z=({config:a,sendMessage:t,setView:i})=>{const[o,s]=n.useState(),[c,l]=n.useState(),[d,g]=n.useState(),p=n.useCallback((()=>{if(o){const{fileUrl:e,extension:n}=o;t(r.SupportedImageFormats.indexOf(n)>=0?"image":"document",e),s(void 0),l(!1)}else t(w,d),g("")}),[o,d,t]);return e.jsxs(e.Fragment,{children:[e.jsx(v,{config:a,send:p,text:d,setText:g,file:o,isFileSelected:c}),e.jsx(B,{setView:i})]})},N="bc-chat-header-banner",L=390,Z=s.default.div`
72
- ${e=>e.bannerWidth>L?"height: 60px;":"height: 90px;"}
117
+ ${e=>J("url(\"data:image/svg+xml,%3Csvg id='Component_25_5' data-name='Component 25 – 5' xmlns='http://www.w3.org/2000/svg' width='15.999' height='16' viewBox='0 0 15.999 16'%3E%3Cpath id='Path_805' data-name='Path 805' d='M8,16a8,8,0,1,1,8-8,8.009,8.009,0,0,1-8,8M8,1.211A6.789,6.789,0,1,0,14.788,8,6.8,6.8,0,0,0,8,1.211' fill='%23a3a3a3'/%3E%3Cpath id='Path_806' data-name='Path 806' d='M10.908,19.478a4.716,4.716,0,0,1-3.359-1.392.605.605,0,0,1,.856-.856,3.537,3.537,0,0,0,5,0,.605.605,0,1,1,.856.856,4.716,4.716,0,0,1-3.359,1.392' transform='translate(-2.908 -6.728)' fill='%23a3a3a3'/%3E%3Cpath id='Path_807' data-name='Path 807' d='M7.306,10.925A1.635,1.635,0,1,1,8.942,9.289a1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-2.237 -3.02)' fill='%23a3a3a3'/%3E%3Cpath id='Path_808' data-name='Path 808' d='M16.986,10.925a1.635,1.635,0,1,1,1.635-1.635,1.638,1.638,0,0,1-1.635,1.635m0-2.06a.424.424,0,1,0,.424.424.425.425,0,0,0-.424-.424' transform='translate(-6.056 -3.02)' fill='%23a3a3a3'/%3E%3C/svg%3E%0A\");",e)}
118
+ `;const R=({setView:n})=>e.jsx("div",{className:"bc-inputActions",id:"bc-inputActions",children:e.jsx(G,{id:"iconsContainer"})});v(".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.bc-messageInput {\n min-height: 30px;\n max-height: 100%;\n box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);\n background-color: #fff;\n overflow-y: hidden;\n display: flex;\n justify-content: center;\n align-items: center; }\n .bc-messageInput .bc-messageInputTextArea {\n color: var(--bc-chat-dark-gray-color);\n display: block;\n min-height: 46px;\n background-color: #fff;\n box-sizing: border-box;\n font-size: var(--bc-chat-fontSize-md);\n padding: 10px 5px 0px 5px;\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-inputActions {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: 30px;\n border-bottom-left-radius: 15px;\n border-bottom-right-radius: 15px;\n background-color: #fff; }\n .bc-inputActions .bc-fileUpload {\n display: none; }\n .bc-inputActions i {\n display: block; }\n\n.bc-emojiPicker {\n position: absolute;\n bottom: 100%;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 0px 15px #0000001a;\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.bc-uploadFileDetails {\n background-color: transparent;\n display: flex;\n align-items: center;\n max-width: calc(100% - 40px);\n height: 25px; }\n .bc-uploadFileDetails .bc-uploadedFile {\n max-width: 20px;\n max-height: 31px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-imageFile {\n max-width: 100%;\n max-height: 100%;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadedFile .bc-documentFile {\n margin-top: 4px;\n min-width: 25px;\n min-height: 25px;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none; }\n .bc-uploadFileDetails .bc-uploadFileName span {\n padding: 10px;\n pointer-events: none; }\n");const K=({config:a,sendMessage:t,setView:i})=>{const[o,s]=n.useState(),[r,c]=n.useState(),[d,g]=n.useState(),p=n.useCallback((()=>{if(o){const{fileUrl:e,extension:n}=o;t(l.SupportedImageFormats.indexOf(n)>=0?"image":"document",e),s(void 0),c(!1)}else t(B,d),g("")}),[o,d,t]);return e.jsxs(e.Fragment,{children:[e.jsx(F,{config:a,send:p,text:d,setText:g,file:o,isFileSelected:r}),e.jsx(R,{setView:i})]})},Y="bc-chat-header-banner",Q=390,H=s.default.div`
119
+ ${e=>e.bannerWidth>Q?"height: 60px;":"height: 90px;"}
73
120
  display: block;
74
121
  width: 100%;
75
122
  background-color: transparent;
76
123
  z-index: 10;
77
124
  border-top-left-radius: 15px;
78
125
  border-top-right-radius: 15px;
79
- `,G=s.default.div`
126
+ `,U=s.default.div`
80
127
  width: 100%;
81
128
  display: flex;
82
129
  align-items: center;
83
130
  background-image: ${e=>`linear-gradient(103deg, ${e.startColor},${e.endColor})`};
84
- ${e=>e.bannerWidth<=L?'\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;"}
85
- `,J=s.default.div`
131
+ ${e=>e.bannerWidth<=Q?'\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;"}
132
+ `,V=s.default.div`
86
133
  width: 100%;
87
134
  height: 100%;
88
135
  display: flex;
89
- `,D=s.default.div`
90
- ${e=>e.bannerWidth>L?"padding-bottom: 0 !important;":""}
136
+ `,P=s.default.div`
137
+ ${e=>e.bannerWidth>Q?"padding-bottom: 0 !important;":""}
91
138
  display: flex;
92
139
  gap: 10px;
93
140
  align-items: center;
@@ -108,8 +155,8 @@
108
155
  color: #fff;
109
156
  font-style: normal;
110
157
  }
111
- `,R=s.default.div`
112
- ${e=>e.bannerWidth>L?"padding-bottom: 0 !important;":""}
158
+ `,T=s.default.div`
159
+ ${e=>e.bannerWidth>Q?"padding-bottom: 0 !important;":""}
113
160
  display: flex;
114
161
  flex-direction: row-reverse;
115
162
  gap: 10px;
@@ -124,9 +171,9 @@
124
171
  cursor: pointer;
125
172
  display: block;
126
173
  }
127
- `,F=s.default.i`
174
+ `,W=s.default.i`
128
175
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");
129
- `,K=({config:a,minimize:t})=>{const[i,o]=n.useState();return n.useEffect((()=>{new ResizeObserver((()=>{const e=document.getElementById(N)?.offsetWidth;e&&e>50&&e!==i&&o(e)})).observe(document.getElementById(N))}),[]),e.jsx(Z,{bannerWidth:i,className:"bc-header",children:e.jsx(G,{className:"bc-banner",id:N,startColor:"#065A60",endColor:"#006466",bannerWidth:i,children:e.jsxs(J,{className:"bc-bannerContents",children:[e.jsxs(D,{className:"bc-companyInfo",bannerWidth:i,logo:a.brandLogo||l,children:[e.jsx("i",{}),e.jsx("span",{children:a.brandName||"BreadCrumbs"})]}),e.jsx(R,{className:"bc-bannerActions",bannerWidth:i,children:t?e.jsx(F,{className:"bc-flow-minimize",onClick:()=>t()}):null})]})})})},Y=s.default.div`
176
+ `,O=({config:a,minimize:t})=>{const[i,o]=n.useState();return n.useEffect((()=>{new ResizeObserver((()=>{const e=document.getElementById(Y)?.offsetWidth;e&&e>50&&e!==i&&o(e)})).observe(document.getElementById(Y))}),[]),e.jsx(H,{bannerWidth:i,className:"bc-header",children:e.jsx(U,{className:"bc-banner",id:Y,startColor:"#065A60",endColor:"#006466",bannerWidth:i,children:e.jsxs(V,{className:"bc-bannerContents",children:[e.jsxs(P,{className:"bc-companyInfo",bannerWidth:i,logo:a.brandLogo||c,children:[e.jsx("i",{}),e.jsx("span",{children:a.brandName||"BreadCrumbs"})]}),e.jsx(T,{className:"bc-bannerActions",bannerWidth:i,children:t?e.jsx(W,{className:"bc-flow-minimize",onClick:()=>t()}):null})]})})})},q=s.default.div`
130
177
  width: 100%;
131
178
  text-align: center;
132
179
  i {
@@ -134,7 +181,7 @@
134
181
  position: relative;
135
182
  width: 20px;
136
183
  height: 20px;
137
- background-image: url(${l});
184
+ background-image: url(${c});
138
185
  background-repeat: no-repeat;
139
186
  background-size: 20px 20px;
140
187
  background-position: center;
@@ -157,7 +204,7 @@
157
204
  border-radius: 0px 0px 10px 10px;
158
205
  opacity: 1;
159
206
  }
160
- `,Q=o.default.forwardRef((({forRate:n},a)=>e.jsxs(Y,{className:""+(n?"bc-ratingPositioning":""),children:[e.jsx("i",{}),e.jsx("span",{children:"Powered by Bread Crumbs"})]})));m('@import url("https://fonts.googleapis.com/css2?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:root {\n --bc-chat-font-stack: "Roboto", sans-serif;\n --bc-chat-fontSize-xs: 10px;\n --bc-chat-fontSize-sm: 12px;\n --bc-chat-fontSize-md: 14px;\n --bc-chat-fontSize-lg: 18px;\n --bc-chat-fontSize-xl: 22px;\n --bc-chat-fontSize-xxl: 26px;\n --bc-chat-fontWeight-light: 100;\n --bc-chat-fontWeight-regular: 300;\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-light-gray-color: #9b9b9b;\n --bc-chat-dark-gray-color: #4d4d4d;\n --bc-chat-agent-message-background-start-color: #95D5B2;\n --bc-chat-agent-message-background-end-color: #DBCBD8;\n --bc-chat-agent-message-text-color: #4d4d4d;\n --bc-chat-client-message-background-start-color: #065A60;\n --bc-chat-client-message-background-end-color: #5F506B;\n --bc-chat-client-message-text-color: #fff;\n --bc-chat-danger-color: #d6312e;\n --bc-chat-success-color: #58aa18;\n --bc-chat-white-color: #fff;\n --bc-chat-radius: 4px; }\n');const H=s.default.div`
207
+ `,X=o.default.forwardRef((({forRate:n},a)=>e.jsxs(q,{className:""+(n?"bc-ratingPositioning":""),children:[e.jsx("i",{}),e.jsx("span",{children:"Powered by Bread Crumbs"})]})));v('@import url("https://fonts.googleapis.com/css2?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:root {\n --bc-chat-font-stack: "Roboto", sans-serif;\n --bc-chat-fontSize-xs: 10px;\n --bc-chat-fontSize-sm: 12px;\n --bc-chat-fontSize-md: 14px;\n --bc-chat-fontSize-lg: 18px;\n --bc-chat-fontSize-xl: 22px;\n --bc-chat-fontSize-xxl: 26px;\n --bc-chat-fontWeight-light: 100;\n --bc-chat-fontWeight-regular: 300;\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-light-gray-color: #9b9b9b;\n --bc-chat-dark-gray-color: #4d4d4d;\n --bc-chat-agent-message-background-start-color: #95D5B2;\n --bc-chat-agent-message-background-end-color: #DBCBD8;\n --bc-chat-agent-message-text-color: #4d4d4d;\n --bc-chat-client-message-background-start-color: #065A60;\n --bc-chat-client-message-background-end-color: #5F506B;\n --bc-chat-client-message-text-color: #fff;\n --bc-chat-danger-color: #d6312e;\n --bc-chat-success-color: #58aa18;\n --bc-chat-white-color: #fff;\n --bc-chat-radius: 4px; }\n');const _=s.default.div`
161
208
  height: 100%;
162
209
  display: flex;
163
210
  flex-direction: column;
@@ -183,5 +230,5 @@
183
230
  line-height: inherit;
184
231
  font-weight: inherit;
185
232
  }
186
- `;exports.BCChat=({config:a={language:"EN",backgroundColor:"#dedede"},messages:t=[],sendMessage:i,debug:o,minimize:s})=>{const[c,r]=n.useState("MESSAGE_LIST"),l="interactive"===(t&&t.length>0&&t[t.length-1].type);return e.jsxs(H,{className:"bc-chat",children:[a.hideHeader?null:e.jsx(K,{config:a,minimize:s}),"MESSAGE_LIST"==c?e.jsx(C,{messages:t,sendMessage:i,debug:o,config:a},"message-list"):null,e.jsx(e.Fragment,{children:l?e.jsx(Q,{forRate:!0}):e.jsx(z,{sendMessage:i,setView:r,config:a},"message-input")})]})};
233
+ `;exports.BCChat=({config:a={language:"EN",backgroundColor:"#dedede"},messages:t=[],sendMessage:i,debug:o,minimize:s})=>{const[r,l]=n.useState("MESSAGE_LIST"),c="interactive"===(t&&t.length>0&&t[t.length-1].type);return e.jsxs(_,{className:"bc-chat",children:[a.hideHeader?null:e.jsx(O,{config:a,minimize:s}),"MESSAGE_LIST"==r?e.jsx(L,{messages:t,sendMessage:i,debug:o,config:a},"message-list"):null,e.jsx(e.Fragment,{children:c?e.jsx(X,{forRate:!0}):e.jsx(K,{sendMessage:i,setView:l,config:a},"message-input")})]})};
187
234
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":";;;;;;;;;ieAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ieAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcrumbs.net/bc-chat",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.es.js",
6
6
  "jsnext:main": "build/index.es.js",