@botfabrik/engine-webclient 4.74.1 → 4.75.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/README.md +3 -2
- package/dist/client/assets/{index-CE3y_1Qm.js → index-BAyzAWSx.js} +33 -33
- package/dist/client/assets/index-BAyzAWSx.js.map +1 -0
- package/dist/client/assets/index-CJHyh1qH.css +1 -0
- package/dist/client/index.html +2 -2
- package/dist/embed/bundle.js +47 -10
- package/dist/index.js +1 -0
- package/dist/middleware/index.js +1 -0
- package/package.json +2 -2
- package/dist/client/assets/index-CE3y_1Qm.js.map +0 -1
- package/dist/client/assets/index-CiW-VCiN.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";body{margin:0}._app_wkun7_5{display:flex;flex-direction:row;height:100vh;height:100svh}:root{--aspect-ratio: calc(16 / 9);--body-background-color: white;--brand-primary-color: rgb(4, 47, 97);--brand-secondary-color: white;--danger-color: #b11106;--scrollbar-thumb-color: #adadad;--avatar-size: 2rem;--avatar-radius: 50%;--bot-avatar-background-color: rgb(233, 239, 246);--agent-avatar-background-color: rgb(233, 239, 246);--bubble-padding: .9em 1.3em;--bubble-margin-small: 3px;--bubble-margin-large: 1.2rem;--bubble-radius-large: 20px;--bubble-radius-small: 4px;--bot-bubble-background-color: white;--bot-bubble-text-color: #2e2e2e;--bot-bubble-border-color: #434343;--bot-bubble-border-width: 2px;--bot-bubble-top-left-radius: var(--bubble-radius-small);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-small);--guest-bubble-background-color: var(--brand-primary-color);--guest-bubble-text-color: white;--guest-bubble-border-color: white;--guest-bubble-border-width: 0px;--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-right-radius: var(--bubble-radius-small);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}::-webkit-scrollbar{width:8px;border:none}::-webkit-scrollbar-track{background:var(--body-background-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color)}input::placeholder,textarea::placeholder{color:#666;opacity:1}._button_qi0ig_54{display:inline-block;font-family:inherit;font-size:1em;padding:.5em 1em;border-radius:.2rem;background-color:#fff;cursor:pointer;transition:all .2s linear;text-align:center}._buttonDefault_qi0ig_66{color:#000000d9;background-color:#fff;border:2px solid #adadad}._buttonDefault_qi0ig_66:hover{color:var(--brand-primary-color);border:2px solid var(--brand-primary-color)}._buttonDefault_qi0ig_66:disabled{cursor:not-allowed;opacity:.3}._buttonPrimary_qi0ig_80{color:var(--brand-secondary-color);background-color:var(--brand-primary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_qi0ig_80:hover{color:var(--brand-primary-color);background-color:var(--brand-secondary-color);border:2px solid var(--brand-primary-color)}._buttonPrimary_qi0ig_80:disabled{cursor:not-allowed;opacity:.3;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}svg{fill:currentColor}._accessabilityHidden_qi0ig_132{visibility:hidden}[data-title]{position:relative}[data-title]:before{content:"";position:absolute;top:-.7em;right:35%;border:6px solid transparent;border-top-color:#1f1f1f;z-index:999999;visibility:hidden}[data-title]:after{content:attr(data-title);position:absolute;padding:6px 8px;top:-2.7em;right:-.5em;white-space:nowrap;border-radius:5px;background-color:#1f1f1f;color:#fafafa;box-shadow:1px 6px 16px #1f1f1f;z-index:99999;visibility:hidden}[data-title]:hover:before,[data-title]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}._messageContainer_1wdci_1{flex:1;overflow-y:scroll;overscroll-behavior:contain;padding-top:1rem;position:relative;-webkit-overflow-scrolling:touch}._messages_1wdci_10{position:relative;list-style:none;font-size:.9rem;line-height:1.4;padding:0 1rem;margin:0;overflow-wrap:break-word;word-wrap:break-word}@media (min-width: 36rem){._messageContainer_1wdci_1{padding-top:2rem}._messages_1wdci_10{font-size:1rem;line-height:1.8}}._generalConditionsContainer_1ijeb_1{margin-bottom:1.2rem;margin-left:1rem;margin-right:1rem}._generalConditions_1ijeb_1{transition:all .5s linear;background-color:var(--bot-bubble-background-color);color:var(--bot-bubble-text-color);padding:.9em 1.3em;font-size:.9rem}._generalConditionsHeader_1ijeb_15{display:flex;align-items:flex-end;justify-content:space-between;cursor:pointer}._generalConditionsHeader_1ijeb_15:focus{outline:none}._generalConditionsBody_1ijeb_25{display:flex;align-items:flex-end}._generalConditionsBody_1ijeb_25:focus{outline:none}._generalConditionsAccept_1ijeb_33{padding:.9em 1.3em;font-size:.9rem}._generalConditionsAccept_1ijeb_33:focus{outline:none}._message_1exlf_5{--bubble-margin: var(--bubble-margin-small);margin-bottom:var(--bubble-margin);transition:border-radius .5s}._messageBot_1exlf_11{display:flex;align-items:flex-end}._messageBot_1exlf_11:not(._messageBotLast_1exlf_15) ._avatar_1exlf_15{visibility:hidden}._messageBotFirst_1exlf_19{--bot-bubble-top-left-radius: var(--bubble-radius-large);--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large)}._messageBotLast_1exlf_15{--bot-bubble-top-right-radius: var(--bubble-radius-large);--bot-bubble-bottom-left-radius: var(--bubble-radius-large);--bot-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large)}._messageBotAnimated_1exlf_32{animation-duration:.25s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_1exlf_1}._messageGuest_1exlf_43{display:flex;align-items:flex-end;justify-content:flex-end}._messageGuestFirst_1exlf_49{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-top-right-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large)}._messageGuestLast_1exlf_55{--guest-bubble-top-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-left-radius: var(--bubble-radius-large);--guest-bubble-bottom-right-radius: var(--bubble-radius-large);--bubble-margin: var(--bubble-margin-large);margin-bottom:var(--bubble-margin)}._avatar_1exlf_15{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius, 50%)}._botAvatar_1exlf_69{background-color:var(--bot-avatar-background-color)}._agentAvatar_1exlf_73{background-color:var(--agent-avatar-background-color)}._bubble_1exlf_77{display:inline-block;max-width:calc(100% - 4.3rem);position:relative}._bubbleContent_1exlf_83{padding:var(--bubble-padding);color:inherit;font-size:inherit}._bubbleContent_1exlf_83 *>:first-child{margin-top:0}._bubbleContent_1exlf_83 *>:last-child{margin-bottom:0}._bubbleContent_1exlf_83 h1,._bubbleContent_1exlf_83 h2,._bubbleContent_1exlf_83 h3,._bubbleContent_1exlf_83 h4,._bubbleContent_1exlf_83 h5,._bubbleContent_1exlf_83 p,._bubbleContent_1exlf_83 a,._bubbleContent_1exlf_83 ul,._bubbleContent_1exlf_83 ol{color:inherit;margin-block-start:.4em;margin-block-end:.4em;margin-inline-start:0px;margin-inline-end:0px}._bubbleContent_1exlf_83 h1{font-size:1.2rem;white-space:pre-wrap}._bubbleContent_1exlf_83 h2{font-size:1.1rem;white-space:pre-wrap}._bubbleContent_1exlf_83 h3,._bubbleContent_1exlf_83 h4,._bubbleContent_1exlf_83 h5{font-size:1rem;white-space:pre-wrap}._bubbleContent_1exlf_83 a{text-decoration:underline;cursor:pointer}._bubbleContent_1exlf_83 a:hover{opacity:.8}._bubbleContent_1exlf_83 img{max-width:100%;margin-block-start:0;margin-block-end:0}._bubbleContent_1exlf_83 ul{padding:0 0 0 1.1em}._bubbleContent_1exlf_83 ul>li{list-style-type:disc}._bubbleContent_1exlf_83 ul>li ul{margin-block-start:0}._bubbleContent_1exlf_83 ul>li p{margin-bottom:0}._bubbleContent_1exlf_83 ol{padding:0 0 0 1.1em}._bubbleContent_1exlf_83 ol>li{list-style-type:decimal}._bubbleContent_1exlf_83 table{width:100%}._bubbleContent_1exlf_83 td:not(:last-child){padding-right:1rem}._bubbleContent_1exlf_83 hr{margin-top:1rem;margin-bottom:1rem;border-top:1px solid;border-left:0;border-bottom:0;border-right:0}._bubbleLeft_1exlf_174{border-radius:var(--bot-bubble-top-left-radius) var(--bot-bubble-top-right-radius) var(--bot-bubble-bottom-right-radius) var(--bot-bubble-bottom-left-radius);border-color:var(--bot-bubble-border-color);border-width:var(--bot-bubble-border-width);border-style:solid;background-color:var(--bot-bubble-background-color);margin-left:1rem}._leftText_1exlf_183{color:var(--bot-bubble-text-color)}._leftText_1exlf_183 a{color:var(--bot-bubble-text-color)!important}._bubbleRight_1exlf_190{border-radius:var(--guest-bubble-top-left-radius) var(--guest-bubble-top-right-radius) var(--guest-bubble-bottom-right-radius) var(--guest-bubble-bottom-left-radius);border-color:var(--guest-bubble-border-color);border-width:var(--guest-bubble-border-width);border-style:solid;background-color:var(--guest-bubble-background-color)}._rightText_1exlf_198,._rightText_1exlf_198 a{color:var(--guest-bubble-text-color)}@keyframes _fadeInLeft_1exlf_1{0%{transform:translate(-100vw)}to{transform:translate(0)}}._problemReport_j3gru_1{display:flex;flex-direction:column;align-self:center}._problemReportIcon_j3gru_7{height:1rem;width:1rem;margin-left:.5rem}._problemReportIconActive_j3gru_13{cursor:pointer;opacity:1}._problemReportIconActive_j3gru_13:hover{opacity:.5}._problemReportIconInactive_j3gru_21{cursor:pointer;opacity:.5}._problemReportIconInactive_j3gru_21:hover{opacity:1}._title_1mhh2_1{margin-top:0;margin-block-start:0}._subtitle_1mhh2_6{margin-top:.5rem;margin-bottom:.5rem}._buttons_1mhh2_11{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}._button_1mhh2_11{font-size:.9em;margin:0;background-color:var(--bot-bubble-text-color);color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color);width:100%}._button_1mhh2_11:hover{color:var(--bot-bubble-text-color);background-color:var(--bot-bubble-background-color);border:2px solid var(--bot-bubble-text-color)}._imageContainer_1mhh2_33{display:flex}._image_1mhh2_33{height:100%;width:100%;object-fit:cover;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._video_container_1mhh2_44{display:flex}._video_1mhh2_44{width:100%;height:100%;border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) 0 0}._only_1mhh2_54{border-radius:calc(var(--bot-bubble-top-left-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-top-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-right-radius) - var(--bot-bubble-border-width)) calc(var(--bot-bubble-bottom-left-radius) - var(--bot-bubble-border-width))}._text_1k7aq_1{overflow-wrap:break-word}._ticontainer_wftg7_1{padding:var(--bubble-padding)}._tiblock_wftg7_5{align-items:center;display:flex;height:1rem;margin:2.1px}._tidot_wftg7_12{background-color:var(--bot-bubble-text-color);animation:_mercuryTypingAnimation_wftg7_1 1s infinite ease-in-out;border-radius:3px;display:inline-block;height:6px;margin-right:3px;width:6px}@keyframes _mercuryTypingAnimation_wftg7_1{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}._tidot_wftg7_12:nth-child(1){animation-delay:50ms}._tidot_wftg7_12:nth-child(2){animation-delay:.15s}._tidot_wftg7_12:nth-child(3){animation-delay:.25s}._bottomSheet_8itd6_1{visibility:hidden;position:absolute;z-index:3000;height:100%;width:100%;background-color:var(--body-background-color);top:0;bottom:0;transform:translateY(100%);overflow-y:auto;overscroll-behavior:contain}._bottomSheetOpen_8itd6_15{animation:_slide-in_8itd6_1 .2s forwards;visibility:visible}._bottomSheetClose_8itd6_20{animation:_slide-out_8itd6_1 .2s forwards;visibility:hidden}@keyframes _slide-in_8itd6_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slide-out_8itd6_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._container_ooyn8_1{overflow:hidden}._container_ooyn8_1 iframe{width:100%;height:100%;border:none}._container_t5oqt_1{padding:.5rem;display:flex;justify-content:center;align-items:center;border-top:1px solid #bfbfbf;background-color:#fff;font-size:.7rem;color:#717171}._container_t5oqt_1 a{color:var(--brand-primary-color);text-decoration:none}._container_rkqaf_1{padding:1rem}._container_rkqaf_1 h1{font-size:1.6em}._container_rkqaf_1 h2{font-size:1em}._container_rkqaf_1 p{line-height:1.5}._formContainer_rkqaf_14{display:flex;flex-direction:column}._emailInput_rkqaf_19{box-sizing:border-box;margin:1rem 0 0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#000000a6;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;outline:none}._emailInput_rkqaf_19:hover{border:1px solid var(--brand-primary-color)}._emailInput_rkqaf_19:focus{border:1px solid var(--brand-primary-color)}._description_rkqaf_48{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto}._actions_rkqaf_53{margin-top:1rem;padding-bottom:3rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}._validationError_rkqaf_63{padding-top:.5em;color:var(--danger-color);font-size:.8em;height:1rem}._submitted_rkqaf_70{margin-top:3rem;padding:1rem;border:1px solid var(--brand-primary-color);border-radius:2px}._inputContainer_1px77_1{z-index:2000}._blockUserInput_rv0dg_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:left;position:relative;background-color:#fff;color:#717171;font-size:.9rem;border-top:1px solid #bfbfbf;padding:.6rem 1rem;animation:_append-animate_rv0dg_1 .2s ease-in;z-index:0}@keyframes _append-animate_rv0dg_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._callToActionContainer_czz0p_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;background-color:#fff;border-top:1px solid #bfbfbf;padding:.6rem 1rem .3rem;animation:_append-animate_czz0p_1 .2s ease-in;z-index:0}@keyframes _append-animate_czz0p_1{0%{opacity:0;top:6rem}to{opacity:1;top:0}}._callToActionTitle_czz0p_24{font-size:.9rem;color:#717171;margin-bottom:.2rem;padding-right:.5rem}._rateOverlay_czz0p_31{display:flex;flex-direction:column;justify-content:space-between}._rateOverlay_czz0p_31 h2{font-size:1em;text-align:center}._rateOverlay_czz0p_31 p{line-height:1.5}._rateOverlay_czz0p_31 form{display:flex;flex:1;flex-direction:column;justify-content:space-between}._body_czz0p_50{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}._footer_czz0p_58{border-top:1px solid #bfbfbf;background-color:#fff}._footer_czz0p_58 input{font-size:1rem;border:none;box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem 1rem;text-overflow:ellipsis;color:#717171}._actions_czz0p_73{display:flex;padding:.5rem;justify-content:flex-end;align-items:center;line-height:0}._actions_czz0p_73 button{width:100%;font-size:.8rem}._bubbles_czz0p_85{display:flex;flex-direction:column}@keyframes _appear_czz0p_1{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes _fadeInLeft_czz0p_1{0%{transform:translate(-3rem)}80%{transform:translate(-3rem)}to{transform:translate(0)}}._rateFeedbackBotBubble_czz0p_112{display:flex;align-items:flex-end;margin:1rem 0}._rateFeedbackGuestBubble_czz0p_118{display:flex;align-items:flex-end;justify-content:flex-end}._avatar_czz0p_124{width:var(--avatar-size);height:var(--avatar-size);animation-duration:.5s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_fadeInLeft_czz0p_1}._bubble_czz0p_85{padding:var(--bubble-padding);font-size:.9rem;animation-duration:1s;animation-delay:0s;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:_appear_czz0p_1}._botBubble_czz0p_150{border-radius:var(--bubble-radius-large);background-color:var(--bot-bubble-background-color);margin-left:1rem;color:var(--bot-bubble-text-color)}._botBubble_czz0p_150 a{color:var(--bot-bubble-text-color)!important}._guestBubble_czz0p_160{animation-duration:.25s;align-self:end;border-radius:var(--bubble-radius-large);background-color:var(--guest-bubble-background-color);color:var(--guest-bubble-text-color);margin-left:1rem;display:box;line-clamp:3;box-orient:vertical;overflow:hidden}._guestBubble_czz0p_160 a{color:var(--guest-bubble-text-color)}._rateText_czz0p_176{padding:.75rem;font-size:.9rem}._stars_czz0p_181{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:"tnum";display:inline-block;margin:0;padding:0;color:#c4c4c4;line-height:unset;list-style:none;outline:none}._starsSmall_czz0p_194{font-size:1.2rem}._starsLarge_czz0p_198{font-size:2rem}._starsLarge_czz0p_198 ._star_czz0p_181:not(:last-child){margin-right:1.5rem}._star_czz0p_181{display:inline-block;color:inherit;cursor:pointer}._star_czz0p_181:not(:last-child){margin-right:8px}._starReadonly_czz0p_215{cursor:inherit}._star_czz0p_181>div{transition:all .3s,outline 0s}._starIcon_czz0p_223{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;text-rendering:optimizelegibility}._star_czz0p_181 [aria-checked=true]{color:var(--brand-primary-color, #fadb14)}._star_czz0p_181 [aria-checked=false]{color:#adadad}._starsDescriptionContainer_czz0p_241{display:flex;flex-direction:column;width:fit-content;padding-top:1rem;padding-bottom:1rem;margin:auto}._starsDescription_czz0p_241{display:flex;flex-direction:row;justify-content:space-between;font-size:.7rem;color:#000000a6}._inputWrapper_lbrof_5{display:flex;justify-content:center;align-items:center;line-height:0;border-top:1px solid #bfbfbf;background-color:#fff}._messageInputWrapper_lbrof_14{flex:1;margin-right:.5rem}._messageInput_lbrof_14{resize:none;font-size:1rem;font-family:inherit;border:none;height:calc(1em + 3rem);box-sizing:border-box;width:100%;outline-width:0;padding:1.3rem 1rem;text-overflow:ellipsis}._messageInput_lbrof_14:focus{outline:none}._buttons_lbrof_36{padding-right:.5rem;display:flex;justify-content:center;align-items:center}._button_lbrof_36[disabled]{opacity:.4}._button_lbrof_36{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--brand-primary-color);background-color:var(--brand-secondary-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;border:none;text-align:center}._button_lbrof_36 svg{margin:2px;height:2em;width:2em;fill:currentColor}._button_lbrof_36:hover,._button_lbrof_36:active,._button_lbrof_36:focus{border:none;outline:none;color:var(--brand-secondary-color);background-color:var(--brand-primary-color)}._button_lbrof_36:not(:last-child){margin-right:.5em}*{box-sizing:border-box}._audioRecorder_xps9k_5{display:flex;margin-left:-5px}._recordButton_xps9k_10{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._recordButton_xps9k_10:hover,._recordButton_xps9k_10:active,._recordButton_xps9k_10:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._recordButton_xps9k_10 svg{margin:2px;height:2em;width:2em;fill:currentColor}._submitButton_xps9k_37{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._submitButton_xps9k_37:hover,._submitButton_xps9k_37:active,._submitButton_xps9k_37:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._submitButton_xps9k_37 svg{margin:2px;height:2em;width:2em;fill:currentColor}._cancelButton_xps9k_64{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:40px;height:40px;border-radius:50%;border:none;text-align:center;color:var(--brand-primary-color);background-color:var(--brand-secondary-color)}._cancelButton_xps9k_64:hover,._cancelButton_xps9k_64:active,._cancelButton_xps9k_64:focus{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:none;outline:none}._cancelButton_xps9k_64 svg{margin:2px;height:2em;width:2em;fill:currentColor}._recorderIcon_xps9k_91{width:1.3em;height:1.3em;border-radius:50%;animation:_pulse_xps9k_1 2s infinite;margin:auto .6em}@keyframes _pulse_xps9k_1{0%{background-color:#fff}40%{background-color:var(--danger-color)}60%{background-color:var(--danger-color)}to{background-color:#fff}}._spinning_xps9k_113{width:40px;height:40px;padding:5px;display:block;margin:auto;color:var(--brand-primary-color);animation:_spin_xps9k_113 1.2s linear infinite}@keyframes _spin_xps9k_113{to{transform:rotate(360deg)}}._quickReplies_11l22_1{display:flex;flex-flow:row wrap;justify-content:flex-end;padding:.4rem 1rem;gap:.5rem}._quickReply_11l22_9{font-size:.8rem;background-color:var(--brand-secondary-color);color:var(--brand-primary-color);border:1px solid var(--brand-primary-color)}._quickReply_11l22_9:active,._quickReply_11l22_9:focus,._quickReply_11l22_9:hover{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border:1px solid var(--brand-secondary-color);outline:none}._chatwindow_phukm_1{position:relative;width:100%;height:100vh;height:100svh;max-width:48rem;margin-left:auto;margin-right:auto;overflow:hidden;background-color:var(--body-background-color)}._chatcontent_phukm_13{display:flex;flex-flow:column nowrap;width:100%;height:100vh;height:100svh}._container_1rets_2{display:grid;grid-template-rows:1fr auto;height:100%}._body_1rets_8{padding:1rem;overflow-y:auto}._intro_1rets_13{margin-bottom:1em}._intro_1rets_13 h1{font-size:1.3em}._intro_1rets_13 h2{font-size:1em}._intro_1rets_13 p{line-height:1.5}._footer_1rets_26{padding:1rem}._startChatButton_1rets_30{width:100%}._formFields_1rets_34{display:flex;flex-direction:column;gap:.75em}._formField_1rets_34{display:flex;flex-direction:column;gap:8px}._radio_1rets_46{display:flex;align-items:flex-start;gap:6px;accent-color:var(--brand-primary-color)}._checkbox_1rets_53{display:flex;align-items:flex-start;gap:6px;padding:6px 0;accent-color:var(--brand-primary-color)}._input_1rets_61 input{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color)}._input_1rets_61 input:focus,._input_1rets_61 input:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._input_1rets_61 input:hover{border-color:var(--brand-primary-color)}._inputLabel_1rets_91{margin-bottom:8px}._selectWrapper_1rets_95{position:relative}._selectWrapper_1rets_95:after{content:"⌄";font-size:1rem;top:2px;right:14px;position:absolute}._select_1rets_95 select{border-width:1px;border-style:solid;border-color:#d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:#000000e0;font-size:1em;line-height:1.57;list-style:none;font-family:inherit;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s;accent-color:var(--brand-primary-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}._select_1rets_95 select:focus,._select_1rets_95 select:focus-within{border-color:var(--brand-primary-color);box-shadow:0 0 0 2px #0591ff1a;outline:0;background-color:#fff}._select_1rets_95 select:hover{border-color:var(--brand-primary-color)}._selectLabel_1rets_137{margin-bottom:8px}
|
package/dist/client/index.html
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
<meta name="theme-color" content="#000000" />
|
|
8
8
|
<meta name="google" content="notranslate" />
|
|
9
9
|
<title>Bubble Chat Client</title>
|
|
10
|
-
<script type="module" crossorigin src="./assets/index-
|
|
11
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
|
10
|
+
<script type="module" crossorigin src="./assets/index-BAyzAWSx.js"></script>
|
|
11
|
+
<link rel="stylesheet" crossorigin href="./assets/index-CJHyh1qH.css">
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
14
|
<body>
|
package/dist/embed/bundle.js
CHANGED
|
@@ -1,19 +1,56 @@
|
|
|
1
|
-
var
|
|
1
|
+
var wt=Object.defineProperty;var pt=(p,C,x)=>C in p?wt(p,C,{enumerable:!0,configurable:!0,writable:!0,value:x}):p[C]=x;var de=(p,C,x)=>pt(p,typeof C!="symbol"?C+"":C,x);(function(){"use strict";function p(){}function C(e){return e()}function x(){return Object.create(null)}function E(e){e.forEach(C)}function z(e){return typeof e=="function"}function K(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}let j;function T(e,t){return e===t?!0:(j||(j=document.createElement("a")),j.href=t,e===j.href)}function Le(e){return Object.keys(e).length===0}const Ue=typeof window<"u"?window:typeof globalThis<"u"?globalThis:global;function w(e,t){e.appendChild(t)}function Y(e,t,n){const o=Re(e);if(!o.getElementById(t)){const r=k("style");r.id=t,r.textContent=n,De(o,r)}}function Re(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function De(e,t){return w(e.head||e,t),t.sheet}function S(e,t,n){e.insertBefore(t,n||null)}function _(e){e.parentNode&&e.parentNode.removeChild(e)}function k(e){return document.createElement(e)}function q(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function ce(e){return document.createTextNode(e)}function L(){return ce(" ")}function We(){return ce("")}function U(e,t,n,o){return e.addEventListener(t,n,o),()=>e.removeEventListener(t,n,o)}function l(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function Ie(e){return Array.from(e.childNodes)}function fe(e,t,n){e.classList.toggle(t,!!n)}let Z;function H(e){Z=e}const R=[],ue=[];let D=[];const he=[],ze=Promise.resolve();let V=!1;function He(){V||(V=!0,ze.then(ve))}function J(e){D.push(e)}const Q=new Set;let W=0;function ve(){if(W!==0)return;const e=Z;do{try{for(;W<R.length;){const t=R[W];W++,H(t),Pe(t.$$)}}catch(t){throw R.length=0,W=0,t}for(H(null),R.length=0,W=0;ue.length;)ue.pop()();for(let t=0;t<D.length;t+=1){const n=D[t];Q.has(n)||(Q.add(n),n())}D.length=0}while(R.length);for(;he.length;)he.pop()();V=!1,Q.clear(),H(e)}function Pe(e){if(e.fragment!==null){e.update(),E(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(J)}}function Me(e){const t=[],n=[];D.forEach(o=>e.indexOf(o)===-1?t.push(o):n.push(o)),n.forEach(o=>o()),D=t}const B=new Set;let Ne;function X(e,t){e&&e.i&&(B.delete(e),e.i(t))}function ge(e,t,n,o){if(e&&e.o){if(B.has(e))return;B.add(e),Ne.c.push(()=>{B.delete(e)}),e.o(t)}}function be(e){e&&e.c()}function $(e,t,n){const{fragment:o,after_update:r}=e.$$;o&&o.m(t,n),J(()=>{const i=e.$$.on_mount.map(C).filter(z);e.$$.on_destroy?e.$$.on_destroy.push(...i):E(i),e.$$.on_mount=[]}),r.forEach(J)}function ee(e,t){const n=e.$$;n.fragment!==null&&(Me(n.after_update),E(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function je(e,t){e.$$.dirty[0]===-1&&(R.push(e),He(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function te(e,t,n,o,r,i,a=null,c=[-1]){const d=Z;H(e);const s=e.$$={fragment:null,ctx:[],props:i,update:p,not_equal:r,bound:x(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(d?d.$$.context:[])),callbacks:x(),dirty:c,skip_bound:!1,root:t.target||d.$$.root};a&&a(s.root);let u=!1;if(s.ctx=n?n(e,t.props||{},(g,b,...h)=>{const v=h.length?h[0]:b;return s.ctx&&r(s.ctx[g],s.ctx[g]=v)&&(!s.skip_bound&&s.bound[g]&&s.bound[g](v),u&&je(e,g)),b}):[],s.update(),u=!0,E(s.before_update),s.fragment=o?o(s.ctx):!1,t.target){if(t.hydrate){const g=Ie(t.target);s.fragment&&s.fragment.l(g),g.forEach(_)}else s.fragment&&s.fragment.c();t.intro&&X(e.$$.fragment),$(e,t.target,t.anchor),ve()}H(d)}class ne{constructor(){de(this,"$$");de(this,"$$set")}$destroy(){ee(this,1),this.$destroy=p}$on(t,n){if(!z(n))return p;const o=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return o.push(n),()=>{const r=o.indexOf(n);r!==-1&&o.splice(r,1)}}$set(t){this.$$set&&!Le(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const qe="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(qe);function Be(e){Y(e,"svelte-drvk3n",`.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n,.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n:before,.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n:after{box-sizing:border-box}.bot-border.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{position:fixed;display:flex;flex-direction:column;top:0;bottom:env(safe-area-inset-bottom);height:100%;max-height:100vh;width:100%;border-width:0;border-radius:var(--window-border-radius, 8px);box-shadow:rgba(0, 0, 0, 0.24) 0px 16px 40px;background:transparent;opacity:1;transition:transform 200ms,
|
|
2
2
|
opacity 100ms 100ms,
|
|
3
|
-
all 150ms;z-index:2147483647}.bot-border.closed.svelte-
|
|
3
|
+
all 150ms;z-index:2147483647}.bot-border.closed.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{transform:translateY(100vh);opacity:0}.header.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{display:flex;justify-content:space-between;width:100%;height:var(--header-height, 4em);background-color:var(
|
|
4
4
|
--header-background-color,
|
|
5
5
|
var(--brand-primary-color, white)
|
|
6
|
-
)}.bot.svelte-
|
|
7
|
-
|
|
6
|
+
)}.bot.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{display:block;width:100%;flex:1 0 auto;margin:0}@media screen and (min-width: 768px){#chat-frame.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{border-bottom-left-radius:var(--window-border-radius, 8px);border-bottom-right-radius:var(--window-border-radius, 8px)}.header.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{border-top-left-radius:var(--window-border-radius, 8px);border-top-right-radius:var(--window-border-radius, 8px)}.bot-border.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{height:var(--window-height, 40em);max-height:calc(100vh - 2em);width:var(--window-width, 23em);top:auto;right:1em;bottom:1em;left:auto;border-radius:var(--window-border-radius, 8px)}.bot-border.closed.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{transform:translateY(var(--window-height, 40em));opacity:0}}.header-icon-container.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{display:flex;gap:0.5em;align-items:center;padding:var(--header-icons-padding, 0.9em)}.bot-border-restart-icon.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n,.bot-border-close-icon.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{height:100%;aspect-ratio:1;padding:0.5em;text-align:center;border-radius:50%;transition:background-color 100ms;&:hover {
|
|
7
|
+
background-color: rgb(from var(--header-icons-color, white) r g b / 20%);
|
|
8
|
+
|
|
9
|
+
& svg path {
|
|
10
|
+
stroke-width: 3px;
|
|
11
|
+
}
|
|
12
|
+
}}img.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{display:block;height:100%;padding:var(--header-logo-padding, 1em)}svg.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{height:100%;cursor:pointer;& path {
|
|
13
|
+
transition: stroke-width 100ms;
|
|
14
|
+
stroke: var(--header-icons-color, white);
|
|
15
|
+
fill: var(--header-icons-color, white);
|
|
16
|
+
}}.bot-border-restart-icon.svelte-drvk3n svg.svelte-drvk3n path.svelte-drvk3n{stroke-width:0}.bot-border-close-icon.svelte-drvk3n svg.svelte-drvk3n path.svelte-drvk3n{stroke-width:2px}[data-title].svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{position:relative;&:before {
|
|
17
|
+
content: '';
|
|
18
|
+
position: absolute;
|
|
19
|
+
bottom: -0.7em;
|
|
20
|
+
right: 35%;
|
|
21
|
+
border: 6px solid transparent;
|
|
22
|
+
border-bottom-color: #1f1f1f;
|
|
23
|
+
z-index: 999999;
|
|
24
|
+
visibility: hidden;
|
|
25
|
+
};&:after {
|
|
26
|
+
content: attr(data-title);
|
|
27
|
+
position: absolute;
|
|
28
|
+
padding: 6px 8px;
|
|
29
|
+
bottom: -2.7em;
|
|
30
|
+
right: -0.5em;
|
|
31
|
+
white-space: nowrap;
|
|
32
|
+
border-radius: 5px;
|
|
33
|
+
background-color: #1f1f1f;
|
|
34
|
+
color: #fafafa;
|
|
35
|
+
box-shadow: 1px 6px 16px #1f1f1f;
|
|
36
|
+
z-index: 99999;
|
|
37
|
+
visibility: hidden;
|
|
38
|
+
};&:hover:before,
|
|
39
|
+
&:hover:after {
|
|
40
|
+
opacity: 1;
|
|
41
|
+
transition: all 0.1s ease 0.5s;
|
|
42
|
+
visibility: visible;
|
|
43
|
+
}}p.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n,pre.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{max-width:300px}pre.svelte-drvk3n.svelte-drvk3n.svelte-drvk3n{font-size:0.6em;line-height:0.5}`)}function Ge(e){let t,n,o;return{c(){t=k("p"),t.textContent=`Please make sure that the script tag has 'id="chatbot"' and the attribute
|
|
44
|
+
'data-server' with the full qualified URL to the chatbot-server.`,n=L(),o=k("pre"),o.innerHTML=` <code class="svelte-drvk3n">
|
|
8
45
|
<script
|
|
9
|
-
<br class="svelte-
|
|
46
|
+
<br class="svelte-drvk3n"/>
|
|
10
47
|
id="chatbot"
|
|
11
|
-
<br class="svelte-
|
|
48
|
+
<br class="svelte-drvk3n"/>
|
|
12
49
|
data-server="https://server.com/webclient"
|
|
13
|
-
<br class="svelte-
|
|
50
|
+
<br class="svelte-drvk3n"/>
|
|
14
51
|
defer
|
|
15
|
-
<br class="svelte-
|
|
52
|
+
<br class="svelte-drvk3n"/>
|
|
16
53
|
src="https://server.com/webclient/embed/bundle.js"> </script>
|
|
17
54
|
</code>
|
|
18
|
-
`,
|
|
19
|
-
box-shadow 100ms}.chat-button.svelte-2hl2mw:hover{box-shadow:16px 16px 16px rgba(0, 0, 0, 0.2);transform:translateY(-2px)}`)}function
|
|
55
|
+
`,l(t,"class","svelte-drvk3n"),l(o,"class","svelte-drvk3n")},m(r,i){S(r,t,i),S(r,n,i),S(r,o,i)},p,d(r){r&&(_(t),_(n),_(o))}}}function Fe(e){let t,n,o,r,i,a,c,d,s,u,g,b,h,v,f,y,A,I,m=e[4]&&me(e);return{c(){t=k("div"),n=k("div"),o=k("img"),i=L(),a=k("div"),m&&m.c(),c=L(),d=k("div"),s=q("svg"),u=q("path"),h=L(),v=k("iframe"),T(o.src,r=`${e[3]}/logo.svg`)||l(o,"src",r),l(o,"alt","Logo"),l(o,"class","logo svelte-drvk3n"),l(u,"d","M0,0L20,20M20,0L0,20"),l(u,"class","svelte-drvk3n"),l(s,"viewBox","-2 -2 24 24"),l(s,"aria-label","Close window icon"),l(s,"class","svelte-drvk3n"),l(d,"aria-label",g=e[5].header.closeChat),l(d,"data-title",b=e[5].header.closeChat),l(d,"role","button"),l(d,"class","bot-border-close-icon svelte-drvk3n"),l(d,"tabindex",0),l(a,"class","header-icon-container svelte-drvk3n"),l(n,"class","header svelte-drvk3n"),l(v,"id","chat-frame"),l(v,"title","Chat"),l(v,"class","bot svelte-drvk3n"),T(v.src,f=`${e[0]}${e[0].indexOf("?")===-1?"?":"&"}referrer=${encodeURIComponent(e[1]??"")}&windowHeight=${pe()}&windowWidth=${we()}`)||l(v,"src",f),l(v,"frameborder","0"),l(v,"allow","microphone"),v.allowFullscreen=!0,l(t,"class","bot-border svelte-drvk3n"),l(t,"aria-hidden",y=e[2]?"false":"true"),fe(t,"closed",!e[2])},m(N,O){S(N,t,O),w(t,n),w(n,o),w(n,i),w(n,a),m&&m.m(a,null),w(a,c),w(a,d),w(d,s),w(s,u),w(t,h),w(t,v),A||(I=[U(d,"click",function(){z(e[6])&&e[6].apply(this,arguments)}),U(d,"keydown",e[9])],A=!0)},p(N,O){e=N,O&8&&!T(o.src,r=`${e[3]}/logo.svg`)&&l(o,"src",r),e[4]?m?m.p(e,O):(m=me(e),m.c(),m.m(a,c)):m&&(m.d(1),m=null),O&32&&g!==(g=e[5].header.closeChat)&&l(d,"aria-label",g),O&32&&b!==(b=e[5].header.closeChat)&&l(d,"data-title",b),O&3&&!T(v.src,f=`${e[0]}${e[0].indexOf("?")===-1?"?":"&"}referrer=${encodeURIComponent(e[1]??"")}&windowHeight=${pe()}&windowWidth=${we()}`)&&l(v,"src",f),O&4&&y!==(y=e[2]?"false":"true")&&l(t,"aria-hidden",y),O&4&&fe(t,"closed",!e[2])},d(N){N&&_(t),m&&m.d(),A=!1,E(I)}}}function me(e){let t,n,o,r,i,a,c;return{c(){t=k("div"),n=q("svg"),o=q("path"),l(o,"d","M230.64,25.36a32,32,0,0,0-45.26,0q-.21.21-.42.45L131.55,88.22,121,77.64a24,24,0,0,0-33.95,0l-76.69,76.7a8,8,0,0,0,0,11.31l80,80a8,8,0,0,0,11.31,0L178.36,169a24,24,0,0,0,0-33.95l-10.58-10.57L230.19,71c.15-.14.31-.28.45-.43A32,32,0,0,0,230.64,25.36ZM96,228.69,79.32,212l22.34-22.35a8,8,0,0,0-11.31-11.31L68,200.68,55.32,188l22.34-22.35a8,8,0,0,0-11.31-11.31L44,176.68,27.31,160,72,115.31,140.69,184ZM219.52,59.1l-68.71,58.81a8,8,0,0,0-.46,11.74L167,146.34a8,8,0,0,1,0,11.31l-15,15L83.32,104l15-15a8,8,0,0,1,11.31,0l16.69,16.69a8,8,0,0,0,11.74-.46L196.9,36.48A16,16,0,0,1,219.52,59.1Z"),l(o,"class","svelte-drvk3n"),l(n,"viewBox","0 0 256 256"),l(n,"aria-label","Restart chat icon"),l(n,"class","svelte-drvk3n"),l(t,"aria-label",r=e[5].header.restartChat),l(t,"data-title",i=e[5].header.restartChat),l(t,"role","button"),l(t,"class","bot-border-restart-icon svelte-drvk3n"),l(t,"tabindex",0)},m(d,s){S(d,t,s),w(t,n),w(n,o),a||(c=[U(t,"click",function(){z(e[7])&&e[7].apply(this,arguments)}),U(t,"keydown",e[8])],a=!0)},p(d,s){e=d,s&32&&r!==(r=e[5].header.restartChat)&&l(t,"aria-label",r),s&32&&i!==(i=e[5].header.restartChat)&&l(t,"data-title",i)},d(d){d&&_(t),a=!1,E(c)}}}function Ke(e){let t;function n(i,a){return i[0]?Fe:Ge}let o=n(e),r=o(e);return{c(){r.c(),t=We()},m(i,a){r.m(i,a),S(i,t,a)},p(i,[a]){o===(o=n(i))&&r?r.p(i,a):(r.d(1),r=o(i),r&&(r.c(),r.m(t.parentNode,t)))},i:p,o:p,d(i){i&&_(t),r.d(i)}}}function we(){try{return window.innerWidth}catch{return-1}}function pe(){try{return window.innerHeight}catch{return-1}}function Ye(e,t,n){let{server:o}=t,{referrer:r}=t,{open:i}=t,{assetsUrl:a}=t,{chatStarted:c}=t,{translations:d}=t,{onToggle:s}=t,{onRestartChat:u}=t;function g(h){const v=h.key;(v==="ArrowDown"||v==="ArrowRight"||v==="Enter"||v===" "||v==="Space")&&(h.stopPropagation(),u())}function b(h){const v=h.key;(v==="ArrowDown"||v==="ArrowRight"||v==="Enter"||v===" "||v==="Space")&&(h.stopPropagation(),s())}return e.$$set=h=>{"server"in h&&n(0,o=h.server),"referrer"in h&&n(1,r=h.referrer),"open"in h&&n(2,i=h.open),"assetsUrl"in h&&n(3,a=h.assetsUrl),"chatStarted"in h&&n(4,c=h.chatStarted),"translations"in h&&n(5,d=h.translations),"onToggle"in h&&n(6,s=h.onToggle),"onRestartChat"in h&&n(7,u=h.onRestartChat)},[o,r,i,a,c,d,s,u,g,b]}class Ze extends ne{constructor(t){super(),te(this,t,Ye,Ke,K,{server:0,referrer:1,open:2,assetsUrl:3,chatStarted:4,translations:5,onToggle:6,onRestartChat:7},Be)}}function Ve(e){Y(e,"svelte-2hl2mw",`.svelte-2hl2mw,.svelte-2hl2mw:before,.svelte-2hl2mw:after{box-sizing:border-box}.chat-button-wrapper.svelte-2hl2mw{position:fixed;top:var(--fab-top-mobile, var(--fab-top, auto));right:var(--fab-right-mobile, var(--fab-right, 1.5em));bottom:var(--fab-bottom-mobile, var(--fab-bottom, 1.5em));left:var(--fab-left-mobile, var(--fab-left, auto));width:var(--fab-size-mobile, var(--fab-size, 5em));height:var(--fab-size-mobile, var(--fab-size, 5em));z-index:999}@media screen and (min-width: 768px){.chat-button-wrapper.svelte-2hl2mw{top:var(--fab-top, auto);right:var(--fab-right, 1.5em);bottom:var(--fab-bottom, 1.5em);left:var(--fab-left, auto);width:var(--fab-size, 6em);height:var(--fab-size, 6em)}}.chat-button.svelte-2hl2mw{display:block;height:100%;cursor:pointer;border-radius:50%;box-shadow:9px 9px 16px rgba(0, 0, 0, 0.25);transition:transform 100ms,
|
|
56
|
+
box-shadow 100ms}.chat-button.svelte-2hl2mw:hover{box-shadow:16px 16px 16px rgba(0, 0, 0, 0.2);transform:translateY(-2px)}`)}function Je(e){let t,n,o,r,i,a;return{c(){t=k("div"),n=k("img"),l(n,"class","chat-button svelte-2hl2mw"),l(n,"alt","Open chat window"),T(n.src,o=`${e[0]}/fab.svg`)||l(n,"src",o),l(t,"class","chat-button-wrapper svelte-2hl2mw"),l(t,"tabindex","0"),l(t,"role","button"),l(t,"aria-label","Open chat window"),l(t,"aria-expanded",r=e[2]?"true":"false")},m(c,d){S(c,t,d),w(t,n),i||(a=[U(t,"click",function(){z(e[1])&&e[1].apply(this,arguments)}),U(t,"keydown",e[3])],i=!0)},p(c,[d]){e=c,d&1&&!T(n.src,o=`${e[0]}/fab.svg`)&&l(n,"src",o),d&4&&r!==(r=e[2]?"true":"false")&&l(t,"aria-expanded",r)},i:p,o:p,d(c){c&&_(t),i=!1,E(a)}}}function Qe(e,t,n){let{assetsUrl:o}=t,{onToggle:r}=t,{open:i}=t;function a(c){const d=c.key;(d==="ArrowDown"||d==="ArrowRight"||d==="Enter"||d===" "||d==="Space")&&(c.stopPropagation(),r())}return e.$$set=c=>{"assetsUrl"in c&&n(0,o=c.assetsUrl),"onToggle"in c&&n(1,r=c.onToggle),"open"in c&&n(2,i=c.open)},[o,r,i,a]}class Xe extends ne{constructor(t){super(),te(this,t,Qe,Je,K,{assetsUrl:0,onToggle:1,open:2},Ve)}}/*! js-cookie v3.0.5 | MIT */function G(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var $e={read:function(e){return e[0]==='"'&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function re(e,t){function n(r,i,a){if(!(typeof document>"u")){a=G({},t,a),typeof a.expires=="number"&&(a.expires=new Date(Date.now()+a.expires*864e5)),a.expires&&(a.expires=a.expires.toUTCString()),r=encodeURIComponent(r).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var d in a)a[d]&&(c+="; "+d,a[d]!==!0&&(c+="="+a[d].split(";")[0]));return document.cookie=r+"="+e.write(i,r)+c}}function o(r){if(!(typeof document>"u"||arguments.length&&!r)){for(var i=document.cookie?document.cookie.split("; "):[],a={},c=0;c<i.length;c++){var d=i[c].split("="),s=d.slice(1).join("=");try{var u=decodeURIComponent(d[0]);if(a[u]=e.read(s,u),r===u)break}catch{}}return r?a[r]:a}}return Object.create({set:n,get:o,remove:function(r,i){n(r,"",G({},i,{expires:-1}))},withAttributes:function(r){return re(this.converter,G({},this.attributes,r))},withConverter:function(r){return re(G({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var ke=re($e,{path:"/"});const _e="bot-window",ye=()=>{switch(ke.get(_e)){case"open":return!0;case"closed":return!1;default:return!1}},Ce=e=>{ke.set(_e,e)};let Se=!1;function et(e){Se=e}function tt(){return Se}const oe=[];let P=ye();function ie(){P=!0,Ce("open"),oe.forEach(function(e){e.call(window,P)})}function ae(){P=!1,Ce("closed"),oe.forEach(function(e){e.call(window,P)})}function se(){P?ae():ie()}function Oe(){le({type:"RESTART_CHAT"})}function nt(e){le({type:"CHAT_MESSAGE_FROM_GUEST",text:e})}function rt(e){le({type:"TRIGGER_STORY",story:e})}function le(e){var n;const t=document.getElementById("chat-frame");(n=t==null?void 0:t.contentWindow)==null||n.postMessage(e,"*")}function xe(e,t){switch(e){case"ON_CHAT_WINDOW_STATE_CHANGE":oe.push(t);break;default:throw new Error("Unsupported event "+e)}}const ot=Object.freeze(Object.defineProperty({__proto__:null,closeChatWindow:ae,enterGuestMessage:nt,isChatbotLoaded:tt,openChatWindow:ie,restartChat:Oe,subscribe:xe,toggleChatWindow:se,triggerStory:rt},Symbol.toStringTag,{value:"Module"}));function it(){return navigator.userAgent.match(/(iPad|iPhone|iPod)/g)}const at=()=>{it()&&document.querySelectorAll("html, body").forEach(e=>{e.classList.add("iOS-device")})},st=e=>{"gtag"in window&&typeof window.gtag=="function"?window.gtag("event","",e):"dataLayer"in window&&Array.isArray(window.dataLayer)&&window.dataLayer.push(e)},lt=(e,t,n,o,r)=>{window.addEventListener("message",i=>{const a=i.data;switch(a.type){case"webclient.chat.started":e();break;case"webclient.chat.ended":t();break;case"webclient.expand.window":n(a.devices);break;case"webclient.change.url":o(a.url);break;case"webclient.change.translations":r(a.payload.translations);break;case"google.tag.event":st(a.payload);break}},!1)},{document:dt}=Ue;function ct(e){Y(e,"svelte-1vmieip",".bubble-chat.svelte-1vmieip{font-size:16px}")}function ft(e){let t,n,o,r,i,a,c,d;return i=new Xe({props:{assetsUrl:e[4],open:e[5],onToggle:se}}),c=new Ze({props:{server:e[2],referrer:e[3],assetsUrl:e[4],open:e[5],chatStarted:e[0],translations:e[1],onToggle:se,onRestartChat:Oe}}),{c(){t=k("link"),o=L(),r=k("div"),be(i.$$.fragment),a=L(),be(c.$$.fragment),l(t,"rel","stylesheet"),l(t,"href",n=`${e[4]}/custom.css`),l(r,"class","bubble-chat svelte-1vmieip")},m(s,u){w(dt.head,t),S(s,o,u),S(s,r,u),$(i,r,null),w(r,a),$(c,r,null),d=!0},p(s,[u]){(!d||u&16&&n!==(n=`${s[4]}/custom.css`))&&l(t,"href",n);const g={};u&16&&(g.assetsUrl=s[4]),u&32&&(g.open=s[5]),i.$set(g);const b={};u&4&&(b.server=s[2]),u&8&&(b.referrer=s[3]),u&16&&(b.assetsUrl=s[4]),u&32&&(b.open=s[5]),u&1&&(b.chatStarted=s[0]),u&2&&(b.translations=s[1]),c.$set(b)},i(s){d||(X(i.$$.fragment,s),X(c.$$.fragment,s),d=!0)},o(s){ge(i.$$.fragment,s),ge(c.$$.fragment,s),d=!1},d(s){s&&(_(o),_(r)),_(t),ee(i),ee(c)}}}function ut(e,t,n){let{server:o}=t,{referrer:r}=t,{assetsUrl:i=o?o.split("?")[0]:void 0}=t,{linkHandling:a="default"}=t,{chatStarted:c=!1}=t,{translations:d={header:{restartChat:"Restart chat",closeChat:"Minimize chat"}}}=t;at();let s=ye();xe("ON_CHAT_WINDOW_STATE_CHANGE",function(y){n(5,s=y)});function u(){n(0,c=!0)}function g(){n(0,c=!1)}function b(f){const y=window.innerWidth,A=f==null||f==="all",I=f==="desktop"&&y>=768,m=f==="mobile"&&y<768;(A||I||m)&&ie()}function h(f){const y=window.innerWidth,A=window.location.hostname,I=new URL(f).hostname,m=A===I;y<768&&ae(),a==="new-tab"?window.open(f,"_blank"):a==="existing-tab"||m?document.location.href=f:window.open(f,"_blank")}function v(f){n(1,d=f)}return lt(u,g,b,h,v),e.$$set=f=>{"server"in f&&n(2,o=f.server),"referrer"in f&&n(3,r=f.referrer),"assetsUrl"in f&&n(4,i=f.assetsUrl),"linkHandling"in f&&n(6,a=f.linkHandling),"chatStarted"in f&&n(0,c=f.chatStarted),"translations"in f&&n(1,d=f.translations)},[c,d,o,r,i,s,a]}class ht extends ne{constructor(t){super(),te(this,t,ut,ft,K,{server:2,referrer:3,assetsUrl:4,linkHandling:6,chatStarted:0,translations:1},ct)}}const vt=e=>e.replace(/\/embed\/bundle\.js/,""),gt=e=>{var t;return(t=e.dataset)==null?void 0:t.server},bt=e=>{if(e&&"src"in e&&typeof e.src=="string")return gt(e)||vt(e.src)},M=document.querySelector("script#chatbot"),Ee=bt(M),mt=M!=null&&M.getAttribute("link-handling")?M.getAttribute("link-handling"):"default";window.chatbot=ot;const Ae=()=>{console.log("Chatbot is loading from",Ee),new ht({target:document.body,props:{server:Ee,referrer:window.location.href,linkHandling:mt}}),et(!0)},Te=(e=0)=>{e>=3||document.readyState==="complete"?setTimeout(Ae,1e3):setTimeout(()=>{Te(e+1)},1e3)};Te();var F=document.getElementById("chatbot");F&&"src"in F&&typeof F.src=="string"&&F.src.indexOf("caller=bookmarklet")>0&&setTimeout(Ae,500)})();
|
package/dist/index.js
CHANGED
|
@@ -148,6 +148,7 @@ const onStartChat = (socket, props, bot, clientName, environment, logger) => asy
|
|
|
148
148
|
socket.join(sessionId);
|
|
149
149
|
const sessionInfo = await (0, createSessionInfo_1.default)(socket, clientName, environment, defaultSessionInfo, defaultUserId, locale, querystrings, props)();
|
|
150
150
|
const session = await bot.createSession(sessionId, sessionInfo);
|
|
151
|
+
sendConfigurationToClient(socket, props, bot, clientName);
|
|
151
152
|
// sending persisted state to client
|
|
152
153
|
const previousConversations = await (0, loadPreviousConversation_1.default)(bot.store, sessionId);
|
|
153
154
|
socket.emit('restore-client-state', {
|
package/dist/middleware/index.js
CHANGED
|
@@ -34,6 +34,7 @@ exports.default = (clientName, nsp) => async (bot) => {
|
|
|
34
34
|
case engine_domain_1.ActionTypes.GUEST_LOCALE_CHANGED:
|
|
35
35
|
const { locale } = session.translator;
|
|
36
36
|
(0, setTranslations_1.default)(nsp, bot, locale, clientName);
|
|
37
|
+
await sendToChatClient(nsp, session, action);
|
|
37
38
|
break;
|
|
38
39
|
}
|
|
39
40
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botfabrik/engine-webclient",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.75.0",
|
|
4
4
|
"description": "Webclient for Botfabriks Bot Engine",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"tsx": "^4.19.1",
|
|
41
41
|
"typescript": "5.1.6"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "5141f7e74b1319f361d1171cdab7b03558f696ab"
|
|
44
44
|
}
|