@bcrumbs.net/bc-chat 1.0.0
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.es.js +2 -0
- package/build/index.es.js.map +1 -0
- package/build/index.js +2 -0
- package/build/index.js.map +1 -0
- package/package.json +112 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as n,jsxs as e,Fragment as a}from"react/jsx-runtime";import t,{useEffect as i,useRef as o,useCallback as r,useState as c}from"react";import s from"@emotion/styled";import d from"react-markdown";var l=function(){return l=Object.assign||function(n){for(var e,a=1,t=arguments.length;a<t;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},l.apply(this,arguments)};function g(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var p={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"]},b="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAACXBIWXMAAAsSAAALEgHS3X78AAAFa0lEQVR42u2bX0xTVxzHvzqqVOqQrtJC2gmF4ooMWNg6FEJE3NhClpnG8aBzsTHugbgsLltiJg/6NI3J5pLFLbpIIjEjLuriiH9qnESlI6BQWcGsSEvT2lK8q0CvFChme1hwXs5tKfTWXfT83s6fe3Lz6fn9zvl9f7eL9L/u/xvPuS0GNQqBQqAQKAQKYaYlzfdBk0qPtzRFnL7L7ttoGLzz/EBQSlNRrMzj9HUzA9QdaEygECgECoFCoBAoBAqBQqAQKASaRQph6UlLUCJToCjtZcgkydCmqh6PPQyPo39kEP7QCDoeeGCbCD5bEN5dkQljlgFl6sKo854c97EMfvf2osl1K+FAEgqhPEWBuvyNRModi2XIFDDmVcCYV4FLjnZ8Zf8NQ1OTCysmmFR6HK2smxeAmVatNaC56lPUKrIXzk74Jv8dVGsNEcfZcAh3A25OX4pECp1cE/EZmUSKfaXbUGi/hnp7i7gh7Mku5QXAhkMwOztw8Z4NNx4yEZ+vVWRjbfrqiBCNeRVISUrG7t6L4oRQqMji3f4nesw47u6MyadPMU6cYpwo6G/Fl4U1vOtVaw0wBVyC6ZmCxoSZL8yGQ/j46hEccLbNOajZJoLY0tGEI9ZzvONfvP4BylMU4g6MbDiEz240RN36sdh3HisO3fyZd6wuf6O4j8hoAIxpq1CQqkbWciUAYGxqHANBPywBJyxjAWJ+w+AdKHvM+GjN28TOM6n0cbtFQiCc6DHzAjCmrcJ23QaolsmJMYNSj1qsh+0vJ37sbyFgHHC2YW2GnjhBNmlL44awOBFucNzdSfQfzK3CnqLNvACetIKXsnHYYMK2lWRA/KH3EtGnk2vijg2CQzhjv04EwYO5VahUF89pnU/WvAdj2ipO34VhL3wsucPK03PFBaHZ20O4wFwBTNuu/BooXljC6Tt718J7NIsGgo9liGRnu27DvNeTSaTYnvEqp8/6wEPMy41y03zqEBzDXk573TL5rDFgNqvI5GaefAFXJpGKB0L/yCAXgjz+hEe1TI51M0D2zcg7ptP1Z1pZkiUt5bQfhkMLI5VeSEYhCA1BJknmtP0CyWLmUV/URA0AbrGMOCA8KZwCwIXAQNxrtvu5V+KCpct558UjvQmeSqcn/Xe5YR5N4qrHGtea5+51cdpvpKmJOXynxf8aE2oUOZz2Ied1sPOM5lc9VsIV1qlWE/P+YJzigrBJW8ppM48mUd/VNGcQjlEvDjmvE67AJ9t3B1zigqCTawhV2DIWQH1XExyj3tjyj4E27Lp9Gswjrp/vyCnjvaqfinMnJERP+LxkM1qufMsJVpaxACydP2HbyjzUaEqgfTGTSME7/H/iylAv4QLTN0I+8fWyq1OcypJMIsXh14zY0tFEjDXet6Pxvv1xbiFLWgr3eBB3JtmI65WnKLD/za0xaxeiuSwVK/NwrHgT57SYaZaxAMyjvlkBfF1u4k2Svr/dLEhVSlAIVr+d0y5TF+KYYeu8lZ9d6uKIAFo93YJJ7oK6Q2PfNaKSpJNrcLSyDpcc7TjtuhmT+mxS6fHhK5XIkPHD6wu4sdd2XrD3Fjwm7Gw/iWOGrYQgWq01oFprgI9l0D3kgD80DEfQj+DUBFTJqVBKU5GTqkKRUhdVH+gLuLGz/aSgxVnBIQxNTUYEAfxbbY70C89mrZ5u7LWdF7w6nZDAODQ1ifctDThjvybIemw4hH1tjdhp/SUh5fmEfp9Qb29Bk+sWduSURa1SRzIfy+CyqzPmOuZTh+APjRCnQTBMvqhtIojdvRdR0N+K9StzUKTIgnZFJq9LTJfsHSODaB2y48KwF0/DFtE/h1JliUKgECgECoFCoBAi2D8QCAe+XuY7HAAAAABJRU5ErkJggg==";function h(n){return n.isAgent?"var(--bc-chat-agent-message-text-color)":"var(--bc-chat-client-message-text-color)"}var m,u={document:null,image:null,location:null,text:function(e){var a,t=e.message;return n("div",l({className:"bc-textMessage",style:{backgroundImage:(a=t,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:h(t)}},{children:(t.content.indexOf("\n")>-1?t.content.split("\n"):[t.content]).map((function(e){return n(d,{children:e})}))}))},video:null,audio:null,interactive:null,template:null},x=s.div(m||(m=g(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n .bc-debug-panel,\n .bc-response-debug {\n margin: ",";\n text-align: ",";\n }\n"],["\n display: flex;\n flex-direction: column;\n gap: 5px;\n .bc-debug-panel,\n .bc-response-debug {\n margin: ",";\n text-align: ",";\n }\n"])),(function(n){return n.isAgent?"0 40px 0 20px":"0 20px 0 40px"}),(function(n){return n.isAgent?"left":"right"}));function f(a){var t=a.message,i=t.debug,o=t.conversationId,r=t.traceId,c=t.spanId,s=t.isAgent;return i?n(x,l({isAgent:s,className:"bc-debugCon"},{children:e("div",{children:[e("div",l({className:"bc-response-debug"},{children:["Trace id: ",n("span",{children:r})]})),e("div",l({className:"bc-response-debug"},{children:["Span id: ",n("span",{children:c})]})),e("div",l({className:"bc-response-debug"},{children:["Conversation id: ",n("span",{children:o})]}))]})})):null}function A(n,e){void 0===e&&(e={});var a=e.insertAt;if(n&&"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=n:i.appendChild(document.createTextNode(n))}}A('.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');var I,w,C,y=s.i(I||(I=g(["\n background-image: url(",");\n width: 30px;\n height: 30px;\n background-position: center;\n background-size: 30px 30px;\n display: inline-block;\n border-radius: 50%;\n background-repeat: no-repeat;\n margin-left: -5px;\n"],["\n background-image: url(",");\n width: 30px;\n height: 30px;\n background-position: center;\n background-size: 30px 30px;\n display: inline-block;\n border-radius: 50%;\n background-repeat: no-repeat;\n margin-left: -5px;\n"])),(function(n){return n.brandLogo||b})),v=function(a){var t,i,o=a.message,r=o.type,c=o.isAgent,s=null!==(t=u[r])&&void 0!==t?t:null;return s?e("div",l({className:c?"bc-agentMessage":"bc-clientMessage"},{children:[c&&n(y,{brandLogo:null===(i=a.config)||void 0===i?void 0:i.brandLogo}),n(s,{message:a.message}),n(f,{message:a.message})]})):null},M=s.div(w||(w=g(["\n width: 100%;\n display: flex;\n align-items: center;\n ","\n .date-seperator-content {\n margin-top: -10px;\n width: 130px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n ","\n .date-seperator-content {\n margin-top: -10px;\n width: 130px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n }\n"])),(function(n){return n.isAgent?"justify-content: left;":"justify-content: right;"}),(function(n){return n.isAgent?"margin-left: 34px;":"margin-right: 8px;"})),k=function(e){var a=e.message;return n("div",{children:n(M,l({isAgent:a.isAgent},{children:n("div",l({className:"date-seperator-content"},{children:a.createdAt.toLocaleString("en-US")}))}))})},E="bc-message-list-content",S=s.div(C||(C=g(["\n height: 100%;\n width: 100%;\n overflow-y: auto;\n padding-bottom: 6px;\n background-size: 100% 100%;\n background-image: ",";\n ","\n"],["\n height: 100%;\n width: 100%;\n overflow-y: auto;\n padding-bottom: 6px;\n background-size: 100% 100%;\n background-image: ",";\n ","\n"])),(function(n){return"url(".concat(n.config.backgroundImage,")")}),(function(n){return n.config.backgroundColor&&"background-color: ".concat(n.config.backgroundColor,";")})),j=function(t){var o=t.sendMessage,r=t.debug,c=t.config,s=t.messages;return i((function(){var n=document.getElementById(E);if(n){var e=n.scrollHeight;n.style.scrollBehavior="smooth",n.style.overscrollBehavior="contain",n.scroll(0,e)}}),[s]),n(S,l({id:E,config:c},{children:null==s?void 0:s.map((function(t,i){return e(a,{children:[n(v,{message:t,index:i,sendMessage:o,messageActionsEnabled:s.length-1===i,debug:r,config:c},t.messageId?t.messageId:"message"+i),n(k,{message:t},"date-seperator-"+i)]})}))}),E)};var B,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"}},N=s.img(B||(B=g(["\n cursor: ",";\n width: 20px;\n height: 20px;\n margin: 5px;\n"],["\n cursor: ",";\n width: 20px;\n height: 20px;\n margin: 5px;\n"])),(function(n){return n.isInputValid?"pointer":"default"})),Z=function(a){var t=a.file,i=a.isFileSelected;return e("div",l({className:"bc-uploadFileDetails",style:{border:i?"red dashed 1px":""},id:"uploadFileDetails"},{children:[n("div",l({className:"bc-uploadedFile"},{children:p.SupportedImageFormats.indexOf(t.extension)>=0?n("img",{src:t.fileUrl,alt:"",className:"bc-imageFile"}):n("img",{src:"data:image/png;base64,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",alt:"",className:"bc-documentFile"})})),n("div",l({className:"bc-uploadFileName"},{children:n("span",{children:t.fileName})}))]}))},L=function(e){var a=e.text,t=e.setText,c=e.config,s=e.send,d=o(null),l=r((function(){var n=d.current;n.style.height="20px";var e=n.scrollHeight;e!==n.offsetHeight&&(n.style.height=e+"px")}),[]);return i((function(){a||(l(),d.current.focus())}),[a]),n("textarea",{ref:d,value:a,className:"bc-messageInputTextArea",id:"textInput",placeholder:c.inputPlaceholder||z[c.language].placeholder,maxLength:1024,onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),s(),l())},onChange:function(n){t(n.target.value),l()}})},G=function(a){var t=a.config,i=a.send,o=a.file,r=a.isFileSelected,c=a.text,s=a.setText;return e("div",l({className:"bc-messageInput"},{children:[o?n(Z,{file:o,isFileSelected:r}):n(L,{text:c,setText:s,config:t,send:i}),n(N,{src:"data:image/png;base64,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",alt:"Send",onClick:i,isInputValid:!!c})]}))},D=s.div(R||(R=g(["\n padding: 0px 0px 0px 10px;\n margin: 0px;\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 5px;\n i {\n height: 16px;\n width: 16px;\n background-size: contain;\n background-repeat: no-repeat;\n cursor: pointer;\n display: block;\n }\n"],["\n padding: 0px 0px 0px 10px;\n margin: 0px;\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 5px;\n i {\n height: 16px;\n width: 16px;\n background-size: contain;\n background-repeat: no-repeat;\n cursor: pointer;\n display: block;\n }\n"])));s.span(Y||(Y=g(["\n margin: 8px;\n cursor: pointer;\n font-size: var(--bc-chat-fontSize-xl);\n"],["\n margin: 8px;\n cursor: pointer;\n font-size: var(--bc-chat-fontSize-xl);\n"])));var J=function(n,e){return"\n &:hover {\n background-image: ".concat(n.replaceAll("%23a3a3a3",e.activeColor),";\n }\n background-image: ").concat(e.isActive?n.replaceAll("%23a3a3a3",e.activeColor):n,";\n")};s.i(K||(K=g(["\n ","\n"],["\n ","\n"])),(function(n){return 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\");",n)})),s.i(F||(F=g(["\n ","\n"],["\n ","\n"])),(function(n){return 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\");",n)})),s.i(P||(P=g(["\n ","\n"],["\n ","\n"])),(function(n){return 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\");",n)}));var R,Y,K,F,P,H=function(e){return e.setView,n("div",l({className:"bc-inputActions",id:"bc-inputActions"},{children:n(D,{id:"iconsContainer"})}))};A(".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");var Q,U,V,W,T,O,X,q=function(t){var i=t.config,o=t.sendMessage,s=t.setView,d=c(),l=d[0],g=d[1],b=c(),h=b[0],m=b[1],u=c(),x=u[0],f=u[1],A=r((function(){if(l){var n=l.fileUrl,e=l.extension;o(p.SupportedImageFormats.indexOf(e)>=0?"image":"document",n),g(void 0),m(!1)}else o("text",x),f("")}),[l,x,o]);return e(a,{children:[n(G,{config:i,send:A,text:x,setText:f,file:l,isFileSelected:h}),n(H,{setView:s})]})},_="bc-chat-header-banner",$=390,nn=s.div(Q||(Q=g(["\n ","\n display: block;\n width: 100%;\n background-color: transparent;\n z-index: 10;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"],["\n ","\n display: block;\n width: 100%;\n background-color: transparent;\n z-index: 10;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])),(function(n){return n.bannerWidth>$?"height: 60px;":"height: 90px;"})),en=s.div(U||(U=g(["\n width: 100%;\n display: flex;\n align-items: center;\n background-image: ",";\n ","\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n background-image: ",";\n ","\n"])),(function(n){return"linear-gradient(103deg, ".concat(n.startColor,",").concat(n.endColor,")")}),(function(n){return n.bannerWidth<=$?'\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;"})),an=s.div(V||(V=g(["\n width: 100%;\n height: 100%;\n display: flex;\n"],["\n width: 100%;\n height: 100%;\n display: flex;\n"]))),tn=s.div(W||(W=g(["\n ","\n display: flex;\n gap: 10px;\n align-items: center;\n width: 50%;\n padding: 0px 0px 10px 10px;\n i {\n display: block;\n background-repeat: no-repeat;\n width: 45px;\n height: 45px;\n background-size: 45px 45px;\n border-radius: 50%;\n background-image: ",";\n }\n span {\n display: block;\n font-size: var(--bc-chat-fontSize-lg);\n color: #fff;\n font-style: normal;\n }\n"],["\n ","\n display: flex;\n gap: 10px;\n align-items: center;\n width: 50%;\n padding: 0px 0px 10px 10px;\n i {\n display: block;\n background-repeat: no-repeat;\n width: 45px;\n height: 45px;\n background-size: 45px 45px;\n border-radius: 50%;\n background-image: ",";\n }\n span {\n display: block;\n font-size: var(--bc-chat-fontSize-lg);\n color: #fff;\n font-style: normal;\n }\n"])),(function(n){return n.bannerWidth>$?"padding-bottom: 0 !important;":""}),(function(n){return"url(".concat(n.logo,")")})),on=s.div(T||(T=g(["\n ","\n display: flex;\n flex-direction: row-reverse;\n gap: 10px;\n width: 50%;\n align-items: center;\n padding: 0px 20px 10px 0px;\n i {\n background-repeat: no-repeat;\n background-position: center center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n display: block;\n }\n"],["\n ","\n display: flex;\n flex-direction: row-reverse;\n gap: 10px;\n width: 50%;\n align-items: center;\n padding: 0px 20px 10px 0px;\n i {\n background-repeat: no-repeat;\n background-position: center center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n display: block;\n }\n"])),(function(n){return n.bannerWidth>$?"padding-bottom: 0 !important;":""})),rn=s.i(O||(O=g(['\n background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");\n'],['\n background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");\n']))),cn=function(a){var t=a.config,o=a.minimize,r=c(),s=r[0],d=r[1];return i((function(){new ResizeObserver((function(){var n,e=null===(n=document.getElementById(_))||void 0===n?void 0:n.offsetWidth;e&&e>50&&e!==s&&d(e)})).observe(document.getElementById(_))}),[]),n(nn,l({bannerWidth:s,className:"bc-header"},{children:n(en,l({className:"bc-banner",id:_,startColor:"#065A60",endColor:"#006466",bannerWidth:s},{children:e(an,l({className:"bc-bannerContents"},{children:[e(tn,l({className:"bc-companyInfo",bannerWidth:s,logo:t.brandLogo||b},{children:[n("i",{}),n("span",{children:t.brandName||"BreadCrumbs"})]})),n(on,l({className:"bc-bannerActions",bannerWidth:s},{children:o?n(rn,{className:"bc-flow-minimize",onClick:function(){return o()}}):null}))]}))}))}))},sn=s.div(X||(X=g(["\n width: 100%;\n text-align: center;\n i {\n display: inline-block;\n position: relative;\n width: 20px;\n height: 20px;\n background-image: url(",");\n background-repeat: no-repeat;\n background-size: 20px 20px;\n background-position: center;\n border-radius: 50%;\n }\n span {\n letter-spacing: 0px;\n color: #a3a3a3;\n position: relative;\n bottom: 7px;\n margin-left: 10px;\n }\n\n &.bc-ratingPositioning {\n height: 35px;\n padding-top: 6px;\n bottom: 1px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px -3px 10px #0000000d;\n border-radius: 0px 0px 10px 10px;\n opacity: 1;\n }\n"],["\n width: 100%;\n text-align: center;\n i {\n display: inline-block;\n position: relative;\n width: 20px;\n height: 20px;\n background-image: url(",");\n background-repeat: no-repeat;\n background-size: 20px 20px;\n background-position: center;\n border-radius: 50%;\n }\n span {\n letter-spacing: 0px;\n color: #a3a3a3;\n position: relative;\n bottom: 7px;\n margin-left: 10px;\n }\n\n &.bc-ratingPositioning {\n height: 35px;\n padding-top: 6px;\n bottom: 1px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px -3px 10px #0000000d;\n border-radius: 0px 0px 10px 10px;\n opacity: 1;\n }\n"])),b),dn=t.forwardRef((function(a,t){var i=a.forRate;return e(sn,l({className:"".concat(i?"bc-ratingPositioning":"")},{children:[n("i",{}),n("span",{children:"Powered by Bread Crumbs"})]}))}));A('@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');var ln,gn=s.div(ln||(ln=g(["\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative; // popup is absolutely position in the middle of this div, so it is necessary for position to be relative.\n width: 100%;\n background-color: var(--bc-chat-white-color);\n border-bottom-right-radius: var(--bc-chat-radius);\n border-bottom-left-radius: var(--bc-chat-radius);\n border-top-right-radius: var(--bc-chat-radius);\n border-top-left-radius: var(--bc-chat-radius);\n position: relative;\n font-size: var(--bc-chat-fontSize-xs);\n font-family: var(--bc-chat-font-stack);\n font-weight: var(--bc-chat-fontWeight-regular);\n font-stretch: normal;\n font-style: normal;\n line-height: var(--bc-chat-lineHeight-xs);\n color: var(--bc-chat-dark-gray-color);\n p,\n input,\n textarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n font-weight: inherit;\n }\n"],["\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative; // popup is absolutely position in the middle of this div, so it is necessary for position to be relative.\n width: 100%;\n background-color: var(--bc-chat-white-color);\n border-bottom-right-radius: var(--bc-chat-radius);\n border-bottom-left-radius: var(--bc-chat-radius);\n border-top-right-radius: var(--bc-chat-radius);\n border-top-left-radius: var(--bc-chat-radius);\n position: relative;\n font-size: var(--bc-chat-fontSize-xs);\n font-family: var(--bc-chat-font-stack);\n font-weight: var(--bc-chat-fontWeight-regular);\n font-stretch: normal;\n font-style: normal;\n line-height: var(--bc-chat-lineHeight-xs);\n color: var(--bc-chat-dark-gray-color);\n p,\n input,\n textarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n font-weight: inherit;\n }\n"]))),pn=function(t){var i=t.config,o=t.messages,r=void 0===o?[]:o,s=t.sendMessage,d=t.debug,g=t.minimize,p=c("MESSAGE_LIST"),b=p[0],h=p[1],m="interactive"===(r&&r.length>0&&r[r.length-1].type);return e(gn,l({className:"bc-chat"},{children:[i.hideHeader?null:n(cn,{config:i,minimize:g}),"MESSAGE_LIST"==b?n(j,{messages:r,sendMessage:s,debug:d,config:i},"message-list"):null,n(a,{children:m?n(dn,{forRate:!0}):n(q,{sendMessage:s,setView:h,config:i},"message-input")})]}))};export{pn as BCChat};
|
|
2
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +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":"o0IAAA,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
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),e=require("react"),a=require("@emotion/styled"),t=require("react-markdown");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=i(e),r=i(a),s=i(t),c=function(){return c=Object.assign||function(n){for(var e,a=1,t=arguments.length;a<t;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},c.apply(this,arguments)};function l(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var 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(n){return n.isAgent?"var(--bc-chat-agent-message-text-color)":"var(--bc-chat-client-message-text-color)"}var b,h={document:null,image:null,location:null,text:function(e){var a,t=e.message;return n.jsx("div",c({className:"bc-textMessage",style:{backgroundImage:(a=t,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(t)}},{children:(t.content.indexOf("\n")>-1?t.content.split("\n"):[t.content]).map((function(e){return n.jsx(s.default,{children:e})}))}))},video:null,audio:null,interactive:null,template:null},x=r.default.div(b||(b=l(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n .bc-debug-panel,\n .bc-response-debug {\n margin: ",";\n text-align: ",";\n }\n"],["\n display: flex;\n flex-direction: column;\n gap: 5px;\n .bc-debug-panel,\n .bc-response-debug {\n margin: ",";\n text-align: ",";\n }\n"])),(function(n){return n.isAgent?"0 40px 0 20px":"0 20px 0 40px"}),(function(n){return n.isAgent?"left":"right"}));function m(e){var a=e.message,t=a.debug,i=a.conversationId,o=a.traceId,r=a.spanId,s=a.isAgent;return t?n.jsx(x,c({isAgent:s,className:"bc-debugCon"},{children:n.jsxs("div",{children:[n.jsxs("div",c({className:"bc-response-debug"},{children:["Trace id: ",n.jsx("span",{children:o})]})),n.jsxs("div",c({className:"bc-response-debug"},{children:["Span id: ",n.jsx("span",{children:r})]})),n.jsxs("div",c({className:"bc-response-debug"},{children:["Conversation id: ",n.jsx("span",{children:i})]}))]})})):null}function u(n,e){void 0===e&&(e={});var a=e.insertAt;if(n&&"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=n:i.appendChild(document.createTextNode(n))}}u('.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');var f,A,I,w=r.default.i(f||(f=l(["\n background-image: url(",");\n width: 30px;\n height: 30px;\n background-position: center;\n background-size: 30px 30px;\n display: inline-block;\n border-radius: 50%;\n background-repeat: no-repeat;\n margin-left: -5px;\n"],["\n background-image: url(",");\n width: 30px;\n height: 30px;\n background-position: center;\n background-size: 30px 30px;\n display: inline-block;\n border-radius: 50%;\n background-repeat: no-repeat;\n margin-left: -5px;\n"])),(function(n){return n.brandLogo||g})),C=function(e){var a,t,i=e.message,o=i.type,r=i.isAgent,s=null!==(a=h[o])&&void 0!==a?a:null;return s?n.jsxs("div",c({className:r?"bc-agentMessage":"bc-clientMessage"},{children:[r&&n.jsx(w,{brandLogo:null===(t=e.config)||void 0===t?void 0:t.brandLogo}),n.jsx(s,{message:e.message}),n.jsx(m,{message:e.message})]})):null},y=r.default.div(A||(A=l(["\n width: 100%;\n display: flex;\n align-items: center;\n ","\n .date-seperator-content {\n margin-top: -10px;\n width: 130px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n ","\n .date-seperator-content {\n margin-top: -10px;\n width: 130px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n }\n"])),(function(n){return n.isAgent?"justify-content: left;":"justify-content: right;"}),(function(n){return n.isAgent?"margin-left: 34px;":"margin-right: 8px;"})),v=function(e){var a=e.message;return n.jsx("div",{children:n.jsx(y,c({isAgent:a.isAgent},{children:n.jsx("div",c({className:"date-seperator-content"},{children:a.createdAt.toLocaleString("en-US")}))}))})},M="bc-message-list-content",k=r.default.div(I||(I=l(["\n height: 100%;\n width: 100%;\n overflow-y: auto;\n padding-bottom: 6px;\n background-size: 100% 100%;\n background-image: ",";\n ","\n"],["\n height: 100%;\n width: 100%;\n overflow-y: auto;\n padding-bottom: 6px;\n background-size: 100% 100%;\n background-image: ",";\n ","\n"])),(function(n){return"url(".concat(n.config.backgroundImage,")")}),(function(n){return n.config.backgroundColor&&"background-color: ".concat(n.config.backgroundColor,";")})),j=function(a){var t=a.sendMessage,i=a.debug,o=a.config,r=a.messages;return e.useEffect((function(){var n=document.getElementById(M);if(n){var e=n.scrollHeight;n.style.scrollBehavior="smooth",n.style.overscrollBehavior="contain",n.scroll(0,e)}}),[r]),n.jsx(k,c({id:M,config:o},{children:null==r?void 0:r.map((function(e,a){return n.jsxs(n.Fragment,{children:[n.jsx(C,{message:e,index:a,sendMessage:t,messageActionsEnabled:r.length-1===a,debug:i,config:o},e.messageId?e.messageId:"message"+a),n.jsx(v,{message:e},"date-seperator-"+a)]})}))}),M)};var E,S={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"}},B=r.default.img(E||(E=l(["\n cursor: ",";\n width: 20px;\n height: 20px;\n margin: 5px;\n"],["\n cursor: ",";\n width: 20px;\n height: 20px;\n margin: 5px;\n"])),(function(n){return n.isInputValid?"pointer":"default"})),z=function(e){var a=e.file,t=e.isFileSelected;return n.jsxs("div",c({className:"bc-uploadFileDetails",style:{border:t?"red dashed 1px":""},id:"uploadFileDetails"},{children:[n.jsx("div",c({className:"bc-uploadedFile"},{children:d.SupportedImageFormats.indexOf(a.extension)>=0?n.jsx("img",{src:a.fileUrl,alt:"",className:"bc-imageFile"}):n.jsx("img",{src:"data:image/png;base64,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",alt:"",className:"bc-documentFile"})})),n.jsx("div",c({className:"bc-uploadFileName"},{children:n.jsx("span",{children:a.fileName})}))]}))},N=function(a){var t=a.text,i=a.setText,o=a.config,r=a.send,s=e.useRef(null),c=e.useCallback((function(){var n=s.current;n.style.height="20px";var e=n.scrollHeight;e!==n.offsetHeight&&(n.style.height=e+"px")}),[]);return e.useEffect((function(){t||(c(),s.current.focus())}),[t]),n.jsx("textarea",{ref:s,value:t,className:"bc-messageInputTextArea",id:"textInput",placeholder:o.inputPlaceholder||S[o.language].placeholder,maxLength:1024,onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),r(),c())},onChange:function(n){i(n.target.value),c()}})},Z=function(e){var a=e.config,t=e.send,i=e.file,o=e.isFileSelected,r=e.text,s=e.setText;return n.jsxs("div",c({className:"bc-messageInput"},{children:[i?n.jsx(z,{file:i,isFileSelected:o}):n.jsx(N,{text:r,setText:s,config:a,send:t}),n.jsx(B,{src:"data:image/png;base64,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",alt:"Send",onClick:t,isInputValid:!!r})]}))},L=r.default.div(D||(D=l(["\n padding: 0px 0px 0px 10px;\n margin: 0px;\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 5px;\n i {\n height: 16px;\n width: 16px;\n background-size: contain;\n background-repeat: no-repeat;\n cursor: pointer;\n display: block;\n }\n"],["\n padding: 0px 0px 0px 10px;\n margin: 0px;\n width: fit-content;\n height: fit-content;\n display: flex;\n gap: 5px;\n i {\n height: 16px;\n width: 16px;\n background-size: contain;\n background-repeat: no-repeat;\n cursor: pointer;\n display: block;\n }\n"])));r.default.span(J||(J=l(["\n margin: 8px;\n cursor: pointer;\n font-size: var(--bc-chat-fontSize-xl);\n"],["\n margin: 8px;\n cursor: pointer;\n font-size: var(--bc-chat-fontSize-xl);\n"])));var G=function(n,e){return"\n &:hover {\n background-image: ".concat(n.replaceAll("%23a3a3a3",e.activeColor),";\n }\n background-image: ").concat(e.isActive?n.replaceAll("%23a3a3a3",e.activeColor):n,";\n")};r.default.i(R||(R=l(["\n ","\n"],["\n ","\n"])),(function(n){return G("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\");",n)})),r.default.i(Y||(Y=l(["\n ","\n"],["\n ","\n"])),(function(n){return G("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\");",n)})),r.default.i(F||(F=l(["\n ","\n"],["\n ","\n"])),(function(n){return G("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\");",n)}));var D,J,R,Y,F,K=function(e){return e.setView,n.jsx("div",c({className:"bc-inputActions",id:"bc-inputActions"},{children:n.jsx(L,{id:"iconsContainer"})}))};u(".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");var P,H,Q,U,V,W,T,O=function(a){var t=a.config,i=a.sendMessage,o=a.setView,r=e.useState(),s=r[0],c=r[1],l=e.useState(),g=l[0],p=l[1],b=e.useState(),h=b[0],x=b[1],m=e.useCallback((function(){if(s){var n=s.fileUrl,e=s.extension;i(d.SupportedImageFormats.indexOf(e)>=0?"image":"document",n),c(void 0),p(!1)}else i("text",h),x("")}),[s,h,i]);return n.jsxs(n.Fragment,{children:[n.jsx(Z,{config:t,send:m,text:h,setText:x,file:s,isFileSelected:g}),n.jsx(K,{setView:o})]})},q="bc-chat-header-banner",X=390,_=r.default.div(P||(P=l(["\n ","\n display: block;\n width: 100%;\n background-color: transparent;\n z-index: 10;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"],["\n ","\n display: block;\n width: 100%;\n background-color: transparent;\n z-index: 10;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])),(function(n){return n.bannerWidth>X?"height: 60px;":"height: 90px;"})),$=r.default.div(H||(H=l(["\n width: 100%;\n display: flex;\n align-items: center;\n background-image: ",";\n ","\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n background-image: ",";\n ","\n"])),(function(n){return"linear-gradient(103deg, ".concat(n.startColor,",").concat(n.endColor,")")}),(function(n){return n.bannerWidth<=X?'\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;"})),nn=r.default.div(Q||(Q=l(["\n width: 100%;\n height: 100%;\n display: flex;\n"],["\n width: 100%;\n height: 100%;\n display: flex;\n"]))),en=r.default.div(U||(U=l(["\n ","\n display: flex;\n gap: 10px;\n align-items: center;\n width: 50%;\n padding: 0px 0px 10px 10px;\n i {\n display: block;\n background-repeat: no-repeat;\n width: 45px;\n height: 45px;\n background-size: 45px 45px;\n border-radius: 50%;\n background-image: ",";\n }\n span {\n display: block;\n font-size: var(--bc-chat-fontSize-lg);\n color: #fff;\n font-style: normal;\n }\n"],["\n ","\n display: flex;\n gap: 10px;\n align-items: center;\n width: 50%;\n padding: 0px 0px 10px 10px;\n i {\n display: block;\n background-repeat: no-repeat;\n width: 45px;\n height: 45px;\n background-size: 45px 45px;\n border-radius: 50%;\n background-image: ",";\n }\n span {\n display: block;\n font-size: var(--bc-chat-fontSize-lg);\n color: #fff;\n font-style: normal;\n }\n"])),(function(n){return n.bannerWidth>X?"padding-bottom: 0 !important;":""}),(function(n){return"url(".concat(n.logo,")")})),an=r.default.div(V||(V=l(["\n ","\n display: flex;\n flex-direction: row-reverse;\n gap: 10px;\n width: 50%;\n align-items: center;\n padding: 0px 20px 10px 0px;\n i {\n background-repeat: no-repeat;\n background-position: center center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n display: block;\n }\n"],["\n ","\n display: flex;\n flex-direction: row-reverse;\n gap: 10px;\n width: 50%;\n align-items: center;\n padding: 0px 20px 10px 0px;\n i {\n background-repeat: no-repeat;\n background-position: center center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n display: block;\n }\n"])),(function(n){return n.bannerWidth>X?"padding-bottom: 0 !important;":""})),tn=r.default.i(W||(W=l(['\n background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");\n'],['\n background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibWluaW1pemUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgdmlld0JveD0iMCAwIDE2IDEuODE3Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjgxNyIgZmlsbD0iIzAwMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzMwMSIgZGF0YS1uYW1lPSJHcm91cCAzMDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgwNCIgZGF0YS1uYW1lPSJQYXRoIDgwNCIgZD0iTTE1LjM5NCwyLjIxMUguNjA2QS42MDYuNjA2LDAsMSwxLC42MDYsMUgxNS4zOTRhLjYwNi42MDYsMCwwLDEsMCwxLjIxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zOTQpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");\n']))),on=function(a){var t=a.config,i=a.minimize,o=e.useState(),r=o[0],s=o[1];return e.useEffect((function(){new ResizeObserver((function(){var n,e=null===(n=document.getElementById(q))||void 0===n?void 0:n.offsetWidth;e&&e>50&&e!==r&&s(e)})).observe(document.getElementById(q))}),[]),n.jsx(_,c({bannerWidth:r,className:"bc-header"},{children:n.jsx($,c({className:"bc-banner",id:q,startColor:"#065A60",endColor:"#006466",bannerWidth:r},{children:n.jsxs(nn,c({className:"bc-bannerContents"},{children:[n.jsxs(en,c({className:"bc-companyInfo",bannerWidth:r,logo:t.brandLogo||g},{children:[n.jsx("i",{}),n.jsx("span",{children:t.brandName||"BreadCrumbs"})]})),n.jsx(an,c({className:"bc-bannerActions",bannerWidth:r},{children:i?n.jsx(tn,{className:"bc-flow-minimize",onClick:function(){return i()}}):null}))]}))}))}))},rn=r.default.div(T||(T=l(["\n width: 100%;\n text-align: center;\n i {\n display: inline-block;\n position: relative;\n width: 20px;\n height: 20px;\n background-image: url(",");\n background-repeat: no-repeat;\n background-size: 20px 20px;\n background-position: center;\n border-radius: 50%;\n }\n span {\n letter-spacing: 0px;\n color: #a3a3a3;\n position: relative;\n bottom: 7px;\n margin-left: 10px;\n }\n\n &.bc-ratingPositioning {\n height: 35px;\n padding-top: 6px;\n bottom: 1px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px -3px 10px #0000000d;\n border-radius: 0px 0px 10px 10px;\n opacity: 1;\n }\n"],["\n width: 100%;\n text-align: center;\n i {\n display: inline-block;\n position: relative;\n width: 20px;\n height: 20px;\n background-image: url(",");\n background-repeat: no-repeat;\n background-size: 20px 20px;\n background-position: center;\n border-radius: 50%;\n }\n span {\n letter-spacing: 0px;\n color: #a3a3a3;\n position: relative;\n bottom: 7px;\n margin-left: 10px;\n }\n\n &.bc-ratingPositioning {\n height: 35px;\n padding-top: 6px;\n bottom: 1px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px -3px 10px #0000000d;\n border-radius: 0px 0px 10px 10px;\n opacity: 1;\n }\n"])),g),sn=o.default.forwardRef((function(e,a){var t=e.forRate;return n.jsxs(rn,c({className:"".concat(t?"bc-ratingPositioning":"")},{children:[n.jsx("i",{}),n.jsx("span",{children:"Powered by Bread Crumbs"})]}))}));u('@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');var cn,ln=r.default.div(cn||(cn=l(["\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative; // popup is absolutely position in the middle of this div, so it is necessary for position to be relative.\n width: 100%;\n background-color: var(--bc-chat-white-color);\n border-bottom-right-radius: var(--bc-chat-radius);\n border-bottom-left-radius: var(--bc-chat-radius);\n border-top-right-radius: var(--bc-chat-radius);\n border-top-left-radius: var(--bc-chat-radius);\n position: relative;\n font-size: var(--bc-chat-fontSize-xs);\n font-family: var(--bc-chat-font-stack);\n font-weight: var(--bc-chat-fontWeight-regular);\n font-stretch: normal;\n font-style: normal;\n line-height: var(--bc-chat-lineHeight-xs);\n color: var(--bc-chat-dark-gray-color);\n p,\n input,\n textarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n font-weight: inherit;\n }\n"],["\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative; // popup is absolutely position in the middle of this div, so it is necessary for position to be relative.\n width: 100%;\n background-color: var(--bc-chat-white-color);\n border-bottom-right-radius: var(--bc-chat-radius);\n border-bottom-left-radius: var(--bc-chat-radius);\n border-top-right-radius: var(--bc-chat-radius);\n border-top-left-radius: var(--bc-chat-radius);\n position: relative;\n font-size: var(--bc-chat-fontSize-xs);\n font-family: var(--bc-chat-font-stack);\n font-weight: var(--bc-chat-fontWeight-regular);\n font-stretch: normal;\n font-style: normal;\n line-height: var(--bc-chat-lineHeight-xs);\n color: var(--bc-chat-dark-gray-color);\n p,\n input,\n textarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n font-weight: inherit;\n }\n"])));exports.BCChat=function(a){var t=a.config,i=a.messages,o=void 0===i?[]:i,r=a.sendMessage,s=a.debug,l=a.minimize,d=e.useState("MESSAGE_LIST"),g=d[0],p=d[1],b="interactive"===(o&&o.length>0&&o[o.length-1].type);return n.jsxs(ln,c({className:"bc-chat"},{children:[t.hideHeader?null:n.jsx(on,{config:t,minimize:l}),"MESSAGE_LIST"==g?n.jsx(j,{messages:o,sendMessage:r,debug:s,config:t},"message-list"):null,n.jsx(n.Fragment,{children:b?n.jsx(sn,{forRate:!0}):n.jsx(O,{sendMessage:r,setView:p,config:t},"message-input")})]}))};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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":"m8IAAA,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
ADDED
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@bcrumbs.net/bc-chat",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"main": "build/index.js",
|
|
5
|
+
"module": "build/index.es.js",
|
|
6
|
+
"jsnext:main": "build/index.es.js",
|
|
7
|
+
"engines": {
|
|
8
|
+
"node": ">=20",
|
|
9
|
+
"npm": ">=10"
|
|
10
|
+
},
|
|
11
|
+
"keywords": ["Bread Crumbs", "BC-Chat"],
|
|
12
|
+
"author": "Ahmad Mhaish",
|
|
13
|
+
"license": "MIT",
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"@bcrumbs.net/bc-lib": "^0.0.4",
|
|
16
|
+
"@emotion/react": "^11.11.3",
|
|
17
|
+
"@emotion/styled": "11.11.0",
|
|
18
|
+
"@react-google-maps/api": "^1.13.0",
|
|
19
|
+
"@types/node": "^16.18.119",
|
|
20
|
+
"@types/react": "^18.3.1",
|
|
21
|
+
"@types/react-dom": "^18.3.0",
|
|
22
|
+
"ajv": "^8.17.1",
|
|
23
|
+
"ajv-keywords": "^5.1.0",
|
|
24
|
+
"mapbox-gl": "^1.13.0",
|
|
25
|
+
"mediaelement": "^4.2.14",
|
|
26
|
+
"react-input-mask": "^2.0.4",
|
|
27
|
+
"react-mapbox-gl": "^3.9.2",
|
|
28
|
+
"react-markdown": "^9.0.1",
|
|
29
|
+
"react-phone-number-input": "^3.1.9",
|
|
30
|
+
"react-redux": "^5.1.1",
|
|
31
|
+
"react-tippy": "^1.4.0",
|
|
32
|
+
"redux": "^4.0.1",
|
|
33
|
+
"uuid": "^8.3.2",
|
|
34
|
+
"web-vitals": "^2.1.4",
|
|
35
|
+
"why-did-you-update": "^1.0.8"
|
|
36
|
+
},
|
|
37
|
+
"peerDependencies": {
|
|
38
|
+
"react": "18.3.1",
|
|
39
|
+
"react-dom": "18.3.1"
|
|
40
|
+
},
|
|
41
|
+
"scripts": {
|
|
42
|
+
"start": "react-scripts start",
|
|
43
|
+
"build": "react-scripts build",
|
|
44
|
+
"test": "react-scripts test",
|
|
45
|
+
"eject": "react-scripts eject",
|
|
46
|
+
"coverage": "npm test -- --coverage --watchAll",
|
|
47
|
+
"build-lib": "rollup -c",
|
|
48
|
+
"lib-watch": "rollup -c -w",
|
|
49
|
+
"format": "prettier --write 'src/**/*.{ts,tsx,js}'"
|
|
50
|
+
},
|
|
51
|
+
"eslintConfig": {
|
|
52
|
+
"extends": [
|
|
53
|
+
"react-app",
|
|
54
|
+
"react-app/jest"
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
"browserslist": {
|
|
58
|
+
"production": [
|
|
59
|
+
">0.2%",
|
|
60
|
+
"not dead",
|
|
61
|
+
"not op_mini all"
|
|
62
|
+
],
|
|
63
|
+
"development": [
|
|
64
|
+
"last 1 chrome version",
|
|
65
|
+
"last 1 firefox version",
|
|
66
|
+
"last 1 safari version"
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
"devDependencies": {
|
|
70
|
+
"@babel/preset-react": "^7.25.9",
|
|
71
|
+
"@babel/preset-typescript": "^7.26.0",
|
|
72
|
+
"@rollup/plugin-babel": "^6.0.4",
|
|
73
|
+
"@rollup/plugin-commonjs": "^28.0.1",
|
|
74
|
+
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
75
|
+
"@svgr/rollup": "8.1.0",
|
|
76
|
+
"@svgr/webpack": "8.0.1",
|
|
77
|
+
"@testing-library/jest-dom": "^4.2.4",
|
|
78
|
+
"@testing-library/react": "^9.3.2",
|
|
79
|
+
"@testing-library/user-event": "^7.1.2",
|
|
80
|
+
"babel-core": "^6.26.3",
|
|
81
|
+
"babel-plugin-external-helpers": "^6.22.0",
|
|
82
|
+
"babel-plugin-transform-class-properties": "^6.24.1",
|
|
83
|
+
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
|
84
|
+
"babel-preset-env": "^1.7.0",
|
|
85
|
+
"babel-preset-react": "^6.24.1",
|
|
86
|
+
"babel-preset-stage-0": "^6.24.1",
|
|
87
|
+
"browserslist": "^4.16.1",
|
|
88
|
+
"chance": "^1.1.7",
|
|
89
|
+
"enzyme": "^3.11.0",
|
|
90
|
+
"enzyme-adapter-react-16": "^1.15.5",
|
|
91
|
+
"jest": "^24.9.0",
|
|
92
|
+
"prettier": "2.3.1",
|
|
93
|
+
"react": "^18.3.1",
|
|
94
|
+
"react-dom": "^18.3.1",
|
|
95
|
+
"react-scripts": "5.0.1",
|
|
96
|
+
"redux-mock-store": "^1.5.4",
|
|
97
|
+
"redux-thunk": "^2.3.0",
|
|
98
|
+
"rollup": "^2.79.2",
|
|
99
|
+
"rollup-plugin-copy-assets-to": "^1.0.0",
|
|
100
|
+
"rollup-plugin-ignore": "^1.0.9",
|
|
101
|
+
"rollup-plugin-json": "^4.0.0",
|
|
102
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
103
|
+
"rollup-plugin-postcss": "^1.6.3",
|
|
104
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
105
|
+
"rollup-plugin-typescript2": "^0.36.0",
|
|
106
|
+
"rollup-plugin-url": "^1.4.0",
|
|
107
|
+
"typescript": "^4.9.5"
|
|
108
|
+
},
|
|
109
|
+
"files": [
|
|
110
|
+
"build/**/*"
|
|
111
|
+
]
|
|
112
|
+
}
|